Блог

Главная - Вопросы по программированию - как развернуть все элементы в списке часто задаваемых вопросов?

как развернуть все элементы в списке часто задаваемых вопросов?

#jquery

#jquery

Вопрос:

Я создал список переключения слайдов часто задаваемых вопросов, и я хочу развернуть все элементы, когда я нажимаю кнопку «показать все».

 <a href="#" class="btnShowAll">show all</a>

$(document).ready(function(){
    $('.faqList dd').hide();
    $('.faqList dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){
      $(this).next().slideToggle('fast');
    });
});  

<div class="faqList">
  <dl>
   <dt>question1</dt>
   <dd>Answer1</dd>
   <dt>question2</dt>
   <dd>Answer2</dd>
  </dl> 
</div>

Как мне выполнить это событие? пожалуйста, помогите ~

Ответ №1:

Если я правильно понимаю, что вы хотите сделать, я думаю, вы сильно усложнили это. Просто используйте функцию .slideToggle:

 .faqList {
   display: none;
}


$(function() {

  $( ".btnShowAll" ).click(function() {
    $( ".faqList" ).slideToggle( "slow", function() {
    });
  });
});

http://jsfiddle.net/qRts9/6/