zurb-foundation - Foundation 6 Multiple Accordions，如何一次只扩展一个 Accordion

Question

我正在使用 Foundation 6 的 Accordion 功能，并且在一个页面上有三个独立的 Accordion 。默认情况下，在单个 Accordion 中，一次只能展开一个内容。但是，我想一次只为整个页面上的所有 Accordion 打开一个内容。

我很确定我可以使用他们的方法来完成此操作，特别是“Up”方法，但是我找不到任何有效的示例，而且他们的文档也很少。这就是他们提供的全部内容:

up

$('#element').foundation('up', $target);

Closes the tab defined by $target. 

http://foundation.zurb.com/sites/docs/accordion.html

我不太确定从这里到哪里去......到目前为止，这是我所拥有的:

JS:

$(".accordion-title").click(function(e) {
  //Not sure what to do with this 
  $('#element').foundation('up', $target);
});

哈姆:

  %ul.accordion#accordion-1{:'data-accordion' => "", :'data-allow-all-closed' => "true"}
      %li.accordion-item
        %a.accordion-title
          Title 1
        .accordion-content{:'data-tab-content' => ""}
          Content 1
      %li.accordion-item
        %a.accordion-title
          Title 2
        .accordion-content{:'data-tab-content' => ""}
          Content 2

  %ul.accordion#accordion-2{:'data-accordion' => "", :'data-allow-all-closed' => "true"}
      %li.accordion-item
        %a.accordion-title
          Title 1
        .accordion-content{:'data-tab-content' => ""}
          Content 1
      %li.accordion-item
        %a.accordion-title
          Title 2
        .accordion-content{:'data-tab-content' => ""}
          Content 2

  %ul.accordion#accordion-3{:'data-accordion' => "", :'data-allow-all-closed' => "true"}
      %li.accordion-item
        %a.accordion-title
          Title 1
        .accordion-content{:'data-tab-content' => ""}
          Content 1
      %li.accordion-item
        %a.accordion-title
          Title 2
        .accordion-content{:'data-tab-content' => ""}
          Content 2

Answer 1

我找到了我的问题的解决方案，以防其他人被卡住:

$(".accordion-title").click(function(e) {
  $('.accordion').foundation('up', $('.accordion .accordion-item.is-active .accordion-content'));
});