javascript - 如何为同一页面上的多个 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 制作这种滑动切换效果？我有多个具有不同 id 的 div 要隐藏，例如 #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

(函数($){ $(文档).ready(函数(){ $('#div1, #div2, #div3').hide(); $('a.plus').click(函数(){ $(this).next().slideToggle(); $(this).toggleClass("minus_icon"); 返回假； }); }); })(jQuery);