jQuery手风琴的可见性

时间:2013-04-10 14:16:33

标签: jquery css html5 function accordion

我正在创作自己的Jquery手风琴,它几乎完成了。但是,我想知道是否有可能让手风琴开始关闭而不在功能之前声明$(".wrap-faq li p").slideUp();,因为当它加载时它会向上滑动。

我想在手风琴已关闭的情况下向该文件收费。我已尝试(在CSS中)使用display:none;visibility: hidden;,但无济于事。这是我的Jquery代码:

$(".wrap-faq  a").on("click", accordion);
$(".wrap-faq  li  p").slideUp();

function accordion() { 
    if ($(this).attr("class") != "active") {
        $(".wrap-faq  li  p").slideUp();
        $(this).next().slideToggle();
        $(".wrap-faq a").removeClass("active");
        $(this).addClass("active");
    }
}

我也会留下你this jsFiddle链接。

3 个答案:

答案 0 :(得分:0)

<p>标记添加display none似乎可以完成这项工作。这是你在找什么?

.wrap-faq li p {display:none;} 

jsFiddle

答案 1 :(得分:0)

这是你要找的吗?

if (!$(this).hasClass("active")) {
抱歉这只是修复,重新打开手风琴的错误......

答案 2 :(得分:0)

使用:

$(".wrap-faq  li  p").hide();

而不是slideUp()