zurb-foundation - How to toggle active class on Foundation's section/accordion

Question

Can anyone suggest a way to toggle the active class on foundation's section (accordion). I tried the following to collapse an open accordion tab:

$( "p.title" ).click(function() {
   if ($(this).parent().hasClass("active")) {
   $(this).parent().removeClass("active");
   }
});    

However, it reverts back to the expanded state.

Answer 1

你的想法很好。您只需要阻止原始基础处理程序在处理单击后处理它。

使用您的代码，基础处理程序在您的处理程序之后被调用。它不再找到活动标签并再次添加它。所以你的代码应该看起来像这样：

$( "p.title" ).click(function() {
   if ($(this).parent().hasClass("active")) {
      $(this).parent().removeClass("active");
      return false; // Prevents further propagation of event
   }
});  

Answer 2

** 确保它启动以 one_up False 关闭的手风琴，

data-section 手风琴确保它在所有设备上都具有相同的行为。

这。.click 的问题在于它不能在 Ipad 上工作，因为它设置为在捕获点击事件之前悬停。