Jquery 如何关闭foundation zurb选项卡中打开的内容面板

Jquery 如何关闭foundation zurb选项卡中打开的内容面板,jquery,zurb-foundation,Jquery,Zurb Foundation,以下是我的zurb基金会代码和选项卡: 我想通过再次单击面板选项卡来关闭面板选项卡。 这可以在zurb基金会中通过一个选项完成吗?或者您可以帮助我使用jquery吗? 感谢您阅读我的帖子。 问候 杰克在这里查看代码 HTML <ul class="accordion" data-accordion> <li class="accordion-navigation"> <a href="#panel1a">Accordion 1<

以下是我的zurb基金会代码和选项卡:

我想通过再次单击面板选项卡来关闭面板选项卡。 这可以在zurb基金会中通过一个选项完成吗?或者您可以帮助我使用jquery吗?
感谢您阅读我的帖子。
问候

杰克

在这里查看代码

HTML

<ul class="accordion" data-accordion>
  <li class="accordion-navigation">      
     <a href="#panel1a">Accordion 1</a>
     <a href="#panel2a">Accordion 2</a>
    <div id="panel1a" class="content active">
      Panel 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
      <div id="panel2a" class="content">
      Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
  </li>
</ul>
jQuery

   $(document).foundation();
$( ".tabs" ).click(function() {
  if ( $( '.content' ).hasClass('active')) {
    $('content').hide();
  }    
});

看起来不错。我将尝试从tab切换到手风琴。谢谢
   $(document).foundation();
$( ".tabs" ).click(function() {
  if ( $( '.content' ).hasClass('active')) {
    $('content').hide();
  }    
});