0

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

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

有任何想法吗？

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/

提前感谢您的任何回复​</p>

4

1 回答 1

2

我不太清楚你到底想要什么。单击两次时是否要关闭内容？请在此处检查工作代码。

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

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

是你想要的吗？

于 2012-12-06T14:56:59.803 回答