Javascript-форум - Показать/скрыть Div

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

Я делаю раздел 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>