javascript - 使用 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();

...切换元素。