javascript - jQuery 滑动 Div

Question

我的页面上有一个使用 jQuery 的滑动 div，我想要多个实例。

此刻他的 jQuery 脚本是...

$(document).ready(function(){

    $(".slidingDiv").hide();
    $(".show_hide").show();

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

});

我的链接/div 是...

<a href="#" class="show_hide" style="display: inline; ">test<span style="float:right;">+</span></a>

<div class="slidingDiv" style="display: none; ">
<div class="information-alert">test</div>

我将如何着手创建多个实例？谢谢

Answer 1

我会去改变

$(".slidingDiv").slideToggle();

到

$(this).next().slideToggle();

意思是“slideToggle 紧跟在被点击元素之后的元素”。

参见 this JSFiddle