我的页面上有几个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/