Javascript:用简单的代码展开/折叠多个 DIV？

Question

我的页面上有几个 DIV，我希望能够展开/折叠它们。我正在使用下面的代码来这样做，但它只适用于整个类(class)。我可以将它应用于任何被点击的东西吗？ (例如，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>

Answer 1

这会起作用。

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

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