jQuery slideToggle 覚書

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

クリックするID・クラスの次の要素を開閉する

    $(function(){
    $("ul#navi").after().hide();
    $("a.open").click(function(){
        $(this).next().slideToggle();
    });
});

開くID・クラスと別のID・クラスで閉じる場合

    $("li.close").click(function(){
        $(this).parent().slideToggle();
    });

特定のID・クラスで特定のID・クラスを開閉する

    $(function(){
    $('div.aaa').after().hide();
    $('.openaaa').click(function(){
	$('div.aaa').slideToggle();
    });
});

開いた時にクラスを付ける

    $(function(){
    $("#side dd").after().hide();
        $("#side dt").on("click", function() {
            $(this).next().slideToggle();
        });
        $('#side dt').click(function(e) {
  		$(this).toggleClass('open');
		});
   });