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();

...切换元素。

使用jquery或javascript制作手风琴/切换菜单

1 个答案: