0

問題の概要: 現在のコードの通常の動作 (ボタンの下のコンテンツを表示する) の代わりに、ボタンの上にあるコンテンツを表示する必要があります。

まず第一に、私は jQuery/Javascript にまったく精通していないので、私に代わって多くのことを求めている場合は、そう言って解決策を示してください。

さて、問題に：

$('.drop_down_title').click(function() {
     $(this).next('.toggle_panel').slideToggle('slow', function () { });
     $(this).find('.arrow_drop_down').toggleClass('selected', function () { });
});

上記のコードは、タイトルの下にコンテンツを表示するのにうまく機能しています (サイドバーにさまざまな「関連する」ブロックを表示/非表示にするなど)。

ただし、ボタンの上にあるコンテンツの一部を非表示にするために、次のように同じメカニズムを使用することも計画しました。

http://i.stack.imgur.com/B91DC.png

要約または箇条書きの詳細を表示するためにボタンをクリックする場所。

コードを次のような論理的なものに微調整してみました。

$(this).previous('.toggle_panel')

関連するクラスのページを検索することを期待していますが、まだサイコロはありません。

お時間をいただきありがとうございます。アドバイス、ヘルプ、または解決策をいただければ幸いです。

要求された HTML (現在作業中のスライドダウン用):

<html>

<div class="slidebox">

    <div class="drop_down_title">
        <a class="arrow_drop_down">Button Click</a>
    </div>

    <div class="toggle_panel">
        <p>This is some example content that should be hidden when the above button is clicked!</p>
    </div>

</div>
</html>

div「drop_down_title」と「toggle_panel」が交換されるように取得しようとしています。ボタンの上にコンテンツが表示されるようにします。

4

1 に答える 1