Jquery slidetoggle多个div

时间:2013-09-25 22:33:17

标签: javascript jquery

我有以下功能来设置一个工作正常的div。问题是我想对其他div使用相同的函数而不必创建多个id。怎么办呢?

这是我正在使用的代码:

$('#toggle1').click(function() {
    $('.toggle1').toggle();
    return false;
});

这是我的HTML:

<a href="#" id="toggle1">Simple Div Toggle</a><br /><br />
<div class="toggle1" style="display:none;">Hello</div>

1 个答案:

答案 0 :(得分:2)

$('[id^=toggle]').on('click', function(){
    $('.'+this.id).toggle();    // Thanks to Joe

});

小提琴:http://jsfiddle.net/7EY7F/2/

并使用multi div:http://jsfiddle.net/7EY7F/3/