製作手風琴/切換使用jQuery或JavaScript

Question

菜單中找到了解決辦法：

$('div.divname').not(':eq(0)').hide(); 

查看本頁面：

http://www.iloja.pt/index.php?_a=viewDoc&docId=19

我想只有第一個文本（faqtexto）開放，和一個波紋管，在加載時隱藏（默認）

這是HTML：

<div class="agendarfaq"> 
     <div class="topfaq"></div> 

     <div class="faqtopics"><p class="textopics">Recolha e entrega, quanto tempo?</p></div> 
     <div class="faqtexto"> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem</div> 

     <div class="faqtopics"><p class="textopics">Recolha e entrega, quanto tempo?</p></div> 
     <div class="faqtexto"> Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem</div> 
    </div> 

jQuery的，我建議：

$(".faqtopics").click(function(event) { 
    $("div.faqtexto").slideUp(100); 
    $(this).next("div.faqtexto").slideToggle(); 
}); 

你建議任何其他清潔jQuery代碼？

任何幫助將受到歡迎！非常感謝你！

Answer 1

使用CSS而不是jQuery？

style="display: none;" 

對您希望隱藏在頁面加載的HTML元素。

使用jQuery

則...

$("#MyElement").toggle(); 

...切換元素。