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');

这是你想要的吗？

关闭以前打开的面板jQuery

1 个答案: