2012-12-06 77 views
0

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

这是工作除了打开面板的崩溃,这是我寻求帮助。

任何想法?

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/

预先感谢任何答复

回答

2

我没有太多明确的正是你想要的东西。点击两次后是否要关闭内容?请检查工作代码here

我刚刚在那里添加了一行jquery。

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

是你想要的吗?

+0

我希望它能够像它一样工作,但是当它再次被点击时也会关闭打开的内容,那就是我之后,谢谢 – huddds

相关问题