ベストセラー人気 WordPress テーマTop 30 詳細

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

Last Updated:2020年11月15日| コメントを残す
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

Q&AやFAQ(よくある指紋)のようにタイトルをクリックすると、内容が展開されてもう一度押すと内容が折るjQueryです。 シンプルだが便利に使えるコードです。

$(document).ready(function() {
$(".content").hide();
//content 클래스를 가진 div를 표시/숨김(토글)
$(".heading").click(function()
{
$(this).next(".content").slideToggle(500);
});
});

(*注: WordPressで上記のコードを使用する場合、$記号をすべてjQueryを変更してください。)

メモ:



コメントを残す

コメント