トグルjQuery - WordPress 情報パッケージ -
ベストセラー人気 WordPress テーマTop 30 詳細

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

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

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

続きを読む

アコーディオン機能(コンテンツ展開/折りたたみトグル) - JavaScript / jQuery

アコーディオン機能(コンテンツ展開/折りたたみトグル) - JavaScript / jQuery 2

Q&AやFAQ(よくある指紋)のようにタイトルをクリックすると、内容が展開されてもう一度押すと内容が折るjQueryです。 シンプルだが便利に使えるコードです。 WordPressを使用している場合、 Avada テーマや Enfold テーマなどで提供するアコーディオン/トグル機能を使用できます。 エレメント...

続きを読む