- ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:slideToggleを複数のボタンで適用したい)
jQueryのslideToggleを使った複数のボタンでの適用方法
このQ&Aのポイント
- 要約文1:jQueryのslideToggleを使用して複数のボタンでの適用方法について質問です。
- 要約文2:「見出し1」のコンテンツが表示されている状態で、「見出し1」または「コンテンツを閉じる」ボタンをクリックすると、見出し1のコンテンツが隠されるようにしたいです。
- 要約文3:具体的なjqueryの書き換え方法を教えてください。
- みんなの回答 (1)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 以下のリンク先からソースを表示してみてください。 ちょっとクラス名等変わっていますが、置き換えてください。 ==== 動作サンプル http://hppg.moe.hm/okwave/qa/q7414453/ 動作ロジックとしては $('div.demo-show:eq(0)> h3').click(function() { $(this).next().slideToggle('fast'); }); 上記でこれがh3までを示していますので .next().find('div.close').click ( function() { $(this).parent().slideToggle('fast'); }); 次の要素(div(メインコンテンツ))の中のdiv.closeを取得し、 クリックされた時にその要素(div.close)の親要素(div(メインコンテンツ))に対しslideToggle('fast')を実行する。
お礼
おおお!まさにこれです! 感謝です。ありがとうございました。