【jQuery002】フェードイン・フェードアウト

今回はフェードイン・フェードアウト効果をやってみました。

 

実はこれ、toggle()という関数で一発できます。

使用前

 使用後

Javascript部分は以下になります。

$(function(){
    $("h3").click(function(){
        $(this).next().toggle();
    });
})

見出しh3がクリックされたら、その次の要素をトグルするってな感じです。

英語なだけで、なんとなくわかりますよね？

ちなみにここで使われている「this」 はちょっと奥深いので別の記事をご参考に。

タグ：jQuery トグル JavaScript