[arsi87]

Помогите с кодом никак не могу понять.

Я делаю раздел FAQ(Вопрос-ответы). Все это дело храниться и берется из бд.
Мне нужно, чтобы функцию скрыть/показать работала корректно. Т.е она должна показывать изначально все разделы свернутыми. При клике на раздел, показываються вопросы относящиеся к данном разделу.
На данный момент при клике, показываеться только 1 вопрос.


Есть код

<script type="text/javascript">
$(document).ready(function(){
	$(".razdel").toggle(function(){
		$(this).next().slideDown();
	}, function(){
		$(this).next().slideUp();
	});
	$(".question").toggle(function(){
		$(this).next().slideDown();
	}, function(){
		$(this).next().slideUp();
	});
});

</script>

Который отвечает за скрытие/раскрытие дивов .razdel и .question.

<style>
.razdel{
	cursor: pointer;
	text-decoration: underline;
	background-color: #eee;
	border: 1px solid #888;
	margin-top: 5px;
	padding-left: 10px;
}

.question{
	cursor: pointer;
	text-decoration: underline;
	background-color: #ccc;
	border: 1px solid #888;
	margin-top: 5px;
	padding-left: 10px;
    display: none;
}

.answer{
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 10px;
	display: none;
}
</style>

<div class="razdel">Основной раздел</div>
<div class="question">Вопрос</div>
<div class="answer">Ответ</div>
<div class="question">Вопрос</div>
<div class="answer">Ответ</div>
<div class="question">Вопрос</div>
<div class="answer">Ответ</div>