2014-09-03 68 views
0

我目前正在爲我的僱主設計着陸頁。爲了在不混淆網頁的情況下投放SEO,我們已經放置了一些可摺疊的div。 唯一需要注意的是,我們希望所有這些打開和關閉,而不是一次一個。可摺疊的Divs:希望所有div在點擊時打開

這是JS:

`$(document).ready(function() 
{ 
$(".content-body").hide(); 
$(".contentheader").click(function() 
{ 
$(this).next(".content-body").slideToggle(100); 
}); 
}); 

我需要什麼修改,使其?謝謝!

+0

您可能還希望將.content-body類設置爲默認顯示:none,因此您在第一次加載頁面時看不到它們全部關閉 – Andrew 2014-09-03 22:07:05

回答

2

對所有需要控制的div應用一個類,並且可以使用jQuery選擇器來選擇它們。

實施例:

$('.toggleDiv').slideToggle(100);

+0

感謝您的提示!所有的項目都已經有了這個類(「content-body」)。是因爲「.next」嗎?我發現這個代碼在線並修改。我對此還是有點新意,所以感謝您的耐心。 – 2014-09-03 22:16:19

+0

得到它的工作!謝謝! – 2014-09-03 22:22:33