jQuery ボタンをクリックしたらテキストをフェードイン、フェードアウトさせる

このテキストはフェードインしたりフェードアウトしたりします。

jQueryでボタンを押下したらテキストがフェイドインしたりフェイドアウトしたりする動きを実装しました。

コードは以下の通りです。


<h3 id="text">このテキストはフェードインしたりフェードアウトしたりします。</h3>
<button id="toggle">トグルします</button>

<script>
$("#toggle").click( function() {
if($("#text").css("display") == "none") {
$("#text").fadeIn("slow");
} else {
$("#text").fadeOut("slow");
}
})
</script>

投稿者: たーん

初めまして、たーんです。 ウェブサイトを御覧いただき有難うございます。 お仕事では多店舗運営の情報システム周りをやっています。 詳しいプロフィールはこちらを御覧ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です