2012-01-17 17 views
1

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

これは、各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> 
+1

は、if文でそれをラップします。 divがすでに開いている場合は何もしないでください。 –

+0

いくつかのhtmlコードですか? –

答えて

1

、:

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

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

jQuery(".faq_heading").not(this).next(".faq_answer").hide(500); 
関連する問題