jQuery對第二次點擊執行不同的操作？

Question

我在jQuery中有一個基本的手風琴。當用戶點擊該問題時，隱藏的答案顯示出來。目前，爲了讓答案消失，用戶必須點擊另一個問題。我希望保持不變，但如果再次單擊相同的問題，我還想讓答案消失。

var allPanels = jQuery('.faq-single .faq-answer-section').hide(); 
 
jQuery('.faq-question').click(function() { 
 
    var nextAnswer = jQuery(this).next(); 
 
    jQuery(allPanels).not(nextAnswer).slideUp(); 
 
    nextAnswer.slideDown(); 
 
    jQuery(this).find('.faq-answer').show(); 
 
    return false; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="faq-single"> 
 
    <span class="faq-question"><span class="faq-question-icon"></span>Question?</span> 
 
    <span style="display:none;" class="faq-answer-section"><span class="faq-answer-icon"></span><span class="faq-answer">FAQ answer</span></span> 
 
</div> 
 

 
<div class="faq-single"> 
 
    <span class="faq-question"><span class="faq-question-icon"></span>Question?</span> 
 
    <span style="display:none;" class="faq-answer-section"><span class="faq-answer-icon"></span><span class="faq-answer">FAQ answer</span></span> 
 
</div> 
 

 
<div class="faq-single"> 
 
    <span class="faq-question"><span class="faq-question-icon"></span>Question?</span> 
 
    <span style="display:none;" class="faq-answer-section"><span class="faq-answer-icon"></span><span class="faq-answer">FAQ answer</span></span> 
 
</div>

Answer 1

這個工作對我來說：

var allPanels = jQuery('.faq-single .faq-answer-section').hide(); 
jQuery('.faq-question').click(function() { 
    var nextAnswer = jQuery(this).next(); 
    if(jQuery(this).next().is(':visible')){ 
    jQuery(this).next().slideUp(); 
    }else{ 
    jQuery(allPanels).not(nextAnswer).slideUp(); 
    nextAnswer.slideDown(); 
    } 
    return false; 
}); 

Answer 2

var allPanels = jQuery('.faq-single .faq-answer-section').hide(); 
jQuery('.faq-question').click(function() { 
    var nextAnswer = jQuery(this).next(); 
    jQuery(allPanels).not(nextAnswer).slideUp(); 
    if (nextAnswer.is(":visible")) { nextAnswer.hide(); } else { nextAnswer.slideDown(); } 
    return false; 
}); 

Answer 3

這是工作的罰款。

var allPanels = $('.faq-single .faq-answer-section').hide(); 
 
$('.faq-single').click(function() { 
 

 
\t if($(this).children('.faq-answer-section').is(':visible')){ 
 
\t \t 
 
\t \t $('.faq-single .faq-answer-section').hide(); 
 
\t }else{ 
 
\t \t $('.faq-single .faq-answer-section').hide(); 
 
\t \t $(this).children('.faq-answer-section').show("slide"); 
 
\t } 
 

 
});