javascript - Foundation 5 Accordion - 过渡速度？

Question

我正在使用 Foundation 5 Accordions在网站上。他们工作，但我想改变过渡速度。当前，当您单击时，它们会立即隐藏一个并显示另一个。我宁愿他们过渡而不是立即出现。

我尝试了 CSS，但没有成功:

.accordion dd > a{ 
   transition: all .5s;
}

注意:我省略了 vendor 前缀。

如何让这些顺利过渡？

如果我可以用纯 CSS 做到这一点，这是首选，否则 JS 也可以，但我不确定如何做？

Answer 1

Lynda，我很欣赏你的代码，在基础 5 中，面板在第二次关闭后仍然可见。好像是jQuery从滑动中添加样式属性引起的。我对其进行了编辑以解决问题。

$(".accordion").on("click", "dd", function (event) {
        if($(this).hasClass('active')){
            $("dd.active").removeClass('active').find(".content").slideUp("fast");    
        }
        else {
            $("dd.active").removeClass('active').find(".content").slideUp("fast");
            $(this).addClass('active').find(".content").slideToggle("fast");    
        }
});