如何在基础zurb标签关闭打开的内容面板

Question

这里是我的zurb基础代码标签：

http : // codepen.io/vomaringo/pen/RPRdRr

我想通过在标签再次单击关闭面板选项卡。 它可以在zurb基础上完成一个选项，或者你可以帮我jQuery的？
感谢您阅读我的文章。
问候
杰克

Answer 1

退房这里的代码

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> 

CSS

.accordion-navigation > a{width:200px;float:left;} 
.content{display:block;float:none;width:100%;clear:both} 

jQuery的

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

http://jsfiddle.net/vasanthanvas/axvbLuja/