当另一个打开时关闭切换div - jQuery

Question

我有一个简单的jQuery我用来切换div的可见性。它运作良好，但是，当一个div切换时，其他之前切换的div保持打开状态。有一个简单的方法来更新这个脚本来关闭其他divs，当一个打开？

jQuery的

$(document).ready(function(){ 
$(".member").click(function(){ 
    $(this).next(".answer").slideToggle(100); 
}) 
}); 

CSS

.answer { 
    display:none; 
} 

HTML

<div class="member"> 
<p>member 1</p> 
</div> 

<div class="answer"> 
<p>hidden content</p> 

<div class="member"> 
<p>member 2</p> 
</div> 

<div class="answer"> 
<p>hidden content</p> 

我不知道去了解这一点的最好办法。我应该将活动类追加到活动的div吗？或者有没有更简单的方法可以解决这个问题？谢谢！

Answer 1

你可以找到任何其他答案元素（一个比其他通过点击成员元素的目标），它是可见的，并隐藏他们

$(document).ready(function() { 
    var $answers = $('.answer'); 
    $(".member").click(function() { 
     var $ans = $(this).next(".answer").stop(true).slideToggle(100); 
     $answers.not($ans).filter(':visible').stop(true).slideUp(); 
    }) 
}); 

演示：Fiddle

Answer 2

简单。只是隐藏点击所有。答类..然后只显示被点击

$(".member").click(function(){ 
    $(".answer").hide(); 
    $(this).next(".answer").slideToggle(100); 
}) 

Answer 3

$(document).ready(function(){ 
$(".member").click(function(){ 

    $(".answer").hide(); 

    $(this).next(".answer").show(100); 
}) 
}); 

了一个试试上面的