如何使jQuery slidetoggle效果的多个div在同一页上？ [英] How to make jQuery slidetoggle effect for multiple div on same page?

问题描述

它适用于一个 div

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

如何使此幻灯片toogle效果多个 div 在同一页？我有多个 div 用不同的id隐藏像＃div1 ，＃div2 ， div＃3 。

How to make this slide toogle effect for multiple div on same page? I have multiple divs with different id to hide like #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>

推荐答案

（function（$）{
$ （document）.ready（function（）{
$（'＃div1，＃div2，＃div3'）。hide（）;
$（'a.plus'）。 {
$（this）.next（）。slideToggle（）;
$（this）.toggleClass（minus_icon）;
return false;
}）;
}）;
}）（jQuery）;

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

这篇关于如何使jQuery slidetoggle效果的多个div在同一页上？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！