ホーム 태그 アコーディオンjQuery

タグ:アコーディオンjQuery

アコーディオン機能(コンテンツ・ドロップ/折り畳みトグル)jQuery II

前に説明したjQueryコードを応用して、項目をクリックすると、他の項目はすべて非表示に変更されたバージョンです。 視覚効果賞に表示やすいようにslideUp()を利用しました。 $(document).ready(function(){jQuery( "content")。hide(); // contentクラスのdivを表示/非表示(切り替え)$( "。heading")。click(function() {$( "。content")。not($(this).next( "content")。slideToggle(500))。slideUp();});}); デモ(*注: WordPressで上記のコードを...

アコーディオン機能(コンテンツ・ドロップ/折り畳みトグル)jQuery

Q&AやFAQ(よくある指紋)のようにタイトルをクリックすると、内容が展開されてもう一度押すと内容が折るjQueryです。 シンプルだが便利に使えるコードです。 $(document).ready(function(){$( "。content")。hide(); // contentクラスのdivを表示/非表示(切り替え)$( "。heading")。click(function() {$(this).next( "content")。slideToggle(500);});}); デモ(*注: WordPressで上記のコードを...