Помогите с кодом никак не могу понять.
Я делаю раздел 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> |
