JQueryでDIVを切り替えます

Question

私の質問にはすべての質問がリストに含まれています。ユーザーがタイトルをクリックすると、回答のあったDIVが拡大表示されます。しかし、回答のDIVレイヤーを閉じるときに問題があります。 2つの事のうちの1つが発生します...

これは、各DIVレイヤーを個別に開いて閉じます。したがって、複数の回答を一度に開くことができます。ユーザーが同じタイトルまたは別のタイトルをクリックすると、開いているレイヤーが1つだけになります。現在開いているレイヤーは折りたたまれます。

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".faq_answer").hide(); 
    jQuery(".faq_heading").click(function() { 
    jQuery(this).next(".faq_answer").slideToggle(500); 
    }); 
}); 
</script> 

別のタイトルをクリックすると、現在開いているものは何でも層崩壊するこれ1（良いです）。ただし、SAMEタイトルをクリックすると、それを閉じてから再び開きます。これに代えて、あなたのクリックハンドラ内

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery(".faq_answer").hide(); 
    jQuery(".faq_heading").click(function() { 
    jQuery(".faq_answer").hide(500); 
    jQuery(this).next(".faq_answer").slideToggle(500); 
    }); 
}); 
</script> 

Answer 1

、：

jQuery(".faq_answer").hide(500); 

はこれを試してみてください：

jQuery(".faq_heading").not(this).next(".faq_answer").hide(500);