javascript - 如何制作 Accordion 效果？

我正在尝试在此代码上产生accordion效果，例如：

当我单击boxheader时，出现box和boxfooter部分。请问我该如何处理？

最佳答案

使用jquery的slideToggle()方法。试试下面的代码。

$("body").on("click",".boxheader",function(){
   $(".box").hide();
   $(".boxfooter").hide();
   $(this).parent().find(".box").slideToggle();
   $(this).parent().find(".boxfooter").slideToggle();
});

CSS：

.box,.boxfooter{
    display:none;
}

检查Fiddle