关闭先前打开的面板 jQuery

Question

我想在单击按钮时显示内容，当显示另一个面板时，它需要关闭任何其他打开的面板，同时还允许您在再次单击时关闭当前面板，而不显示任何内容。

除了打开的面板崩溃之外，这是我正在寻求帮助的原因。

有什么想法吗？

jQuery

 var propertyPanelExpanded;
 var expandPanel; 

 function ResultsToggle() {
    expandPanel.parent().next("div.AnswerFAQ").toggle(); 
 }

 $(document).ready(function () {
    $('.Expand').live('click', function () {
        $('.Expand').each(function(){
                if($(this).parent().next("div.AnswerFAQ").is(":visible")){
                    expandPanel = $(this)
                    ResultsToggle()
                }
        })
        expandPanel = $(this)
        ResultsToggle()    
    });    
});​

HTML

 <h3>
     Title 1         
     <span class="Expand">
     CLICK HERE
     </span></h3>
     <div class="AnswerFAQ" style="display:none;">
     <p>Content 1</p> 
 </div>

 <h3>
     Title 2         
     <span class="Expand">
         CLICK HERE
     </span></h3>
     <div class="AnswerFAQ" style="display:none;">
     <p>Content 2</p> 
 </div>

这是 jsfiddle：http://jsfiddle.net/huddds/HYB2r/2/

提前感谢您的任何回复 ​

Answer 1

我不太清楚你到底想要什么。单击两次相同的内容是否要关闭？请检查工作代码here。

我只是在那里添加了一行jquery。

   $(this).parent().next("div.AnswerFAQ").toggle('display'); 

这是你想要的吗？