如何在同一页面上为多个div制作jQuery slidetoggle效果？

Question

它适用于一个人 div

(function($) { 
     $(document).ready(function(){
        $('#div1').hide();
        $('a.plus').click(function(){
           $('#div1').slideToggle();
           $(this).toggleClass("minus_icon"); 
           return false;
        });
     });
})(jQuery);

如何div在同一页面上为此多个幻灯片设置？我有多个divs的不同的ID隐藏像#div1,#div2,div#3.

编辑:

这是html中的情况

<a class="plus"> more details </a>
<div id="div1" class="description">
<p> Hidden content here </p>
</div>

<a class="plus"> more details </a>
<div id="div2" class="description">
<p> Hidden content here </p>
</div>

<a class="plus"> more details </a>
<div id="div3" class="description">
<p> Hidden content here </p>
</div>

Answer 1

(function($){$(document).ready(function(){$('#div1,#div2,#div3').hide(); $('a.plus').click(function(){ $(this).next().slideToggle(); $(this).toggleClass("minus_icon"); return false;});});})(jQuery);