關閉以前打開的面板jQuery

我想要顯示內容時單擊一個按鈕，當另一個面板顯示時，它需要關閉任何其他面板打開，同時還允許您再次單擊時關閉當前面板，離開沒有顯示。關閉以前打開的面板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/

預先感謝任何答覆

來源

2012-12-06 huddds

我沒有太多明確的正是你想要的東西。點擊兩次後是否要關閉內容？請檢查工作代碼here。

我剛剛在那裏添加了一行jquery。

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

是你想要的嗎？

來源

2012-12-06 14:56:59

我希望它能夠像它一樣工作，但是當它再次被點擊時也會關閉打開的內容，那就是我之後，謝謝 – huddds

關閉以前打開的面板jQuery

回答

相關問題