我的页面上有几个DIV,我希望它们能够展开/折叠。我正在使用下面的代码来执行此操作,但是它仅适用于整个类。我可以将其应用于所单击的任何内容吗? (例如,self.slideToggle();)

// Activate Toggle for Showing / Hiding More Price Tables
        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    return false;
    });

});


编辑:这是标记的示例:

<a href="#" class="show_hide">Video & Music</a>
    <div class="slidingDiv">CONTENT HERE</div>

最佳答案

这将起作用。

$('.show_hide').click(function(){
      $(this).next('.slidingDiv').slideToggle();
      return false;
});


jsfiddle-http://jsfiddle.net/ABrunkhorst/vFnqp/1/

10-08 19:45