jQuery お勉強

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>

  • この記事を書いた人
  • 最新記事
たーん

たーん

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

-jQuery, お勉強

Copyright© とある会社の情報システム部 , 2021 All Rights Reserved Powered by AFFINGER4.