如何在同一页面上为多个div制作jQuery slidetoggle效果？
它适用于一个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中的情况
more details Hidden content here
more details Hidden content here
more details Hidden content here
（function（$）{$（document）.ready（function（）{$（’＃div1，＃div2，＃div3’）。hide（）; $（’a.plus’）。click（function（）{ $（this）.next（）。slideToggle（）; $（this）.toggleClass（“minus_icon”）; return false;}）;}）;}）（jQuery）;
假设你的HTML是这样的：
Content Show More Content Show More Content Show More
那么拥有这样的函数将适用于你拥有的a.plus / div对：
(function($) { $(document).ready(function(){ $('div.more').hide(); $('a.plus').click(function(){ $(this).prev().slideToggle(); // if your divs are after the plus, use next() instead $(this).toggleClass("minus_icon"); return false; }); }); })(jQuery);
如果你的a.more ，无论出于什么原因， a.more div本身附近，你将不得不在a.more上设置一个属性，将它链接到div，例如。 （HTML）
Show More Show More Show More ... some more HTML Content Content Content
和Javascript：
(function($) { $(document).ready(function(){ $('div.more').hide(); $('a.plus').click(function(){ var id = 'div' + $(this).attr('data-article'); $('div#' + id).slideToggle(); $(this).toggleClass("minus_icon"); return false; }); }); })(jQuery);
给你的div同一个类（比如’div_to_toggle’），然后代替$（’＃div1’），$（’＃div2’），…你可以使用一个选择器：$（’。div_to_toggle’）全部选择它们：
$('.div_to_toggle').hide(); $('.div_to_toggle').slideToggle();