-2 
<div class="show_hide panel-header" rel="#panel">
    <h4>Disclaimer</h4>
</div>
<div id="panel" class="panel">
    <p>Lorem ipsum</p>
</div>

上記は私のHTMLです...ヘッダー（イベントハンドラー）と非表示の表示/非表示の単純なdivものです。単純な表示/非表示には完全に機能しますが、一度に複数のパネルを画面に表示する場合があり、それぞれを明示的に識別して独自の機能を与えたくありません。セレクターを使用して動的な相互作用を実現するにはどうすればよいですか? divthis

私のJQueryは現在：

<script type="text/javascript">
    $(document).ready(function(){
        $(".panel").hide();
        $(".show_hide").show(); //Probably don't need this line...
        $('.show_hide').click(function(){
            $(this).children("div").slideToggle();
        });           
    });
</script>

どんな助けでも大歓迎です。私は JS/JQuery が初めてで、さまざまなセレクターを理解するのに苦労しています。ありがとう！

4

2 に答える 2

0

あなたdivは子供ではありません、それnextは行のdivです：

$(this).next("div.panel").slideToggle();
于 2013-10-02T16:11:15.860 に答える