다른 div가 열리면 div를 닫습니다. - jQuery

Question

div의 가시성을 전환하는 데 사용하는 간단한 jQuery가 있습니다. 그러나 한 div가 전환 될 때 이전에 전환 된 다른 div는 열린 상태로 유지됩니다. 열려있는 다른 div를 닫으려면이 스크립트를 업데이트하는 쉬운 방법이 있습니까?

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

쉬운. 그때 .. 클릭의 모든 .answer 클래스를 숨기고은

$(".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); 
}) 
}); 

에 클릭 된 단지 하나를 보여 이외의 위