切换haml手风琴

Question

我手风琴中的图片上写着“告诉我更多”，点击后会显示一个列表。现在手风琴会自动设置为显示完整列表，然后点击时折叠手风琴。我希望它做相反的事情 - 让列表最初崩溃。关于如何做到这一点的任何想法？

.row.featurette#feature3
  .accordion#accordion
    .accordion-group
      .accordion-heading
        %a.accordion-toggle{'data-toggle' => 'collapse', 'data-parent' => "#accordion", 'href' => '#collapse1'}
          .col-sm-2.col-sm-offset-5.text-center
          =image_tag "tell_me_more.jpg", class: "img-responsive"
      .accordion-body.collapse.in#collapse1
        .accordion-inner
          .col-sm-10.col-sm-offset-1   
            .col-sm-10.col-sm-offset-1.methods.text-center
              %dl 
                %h5
                  %span 1.
                %dt Sample Text

Answer 1

您可以使用hide方法隐藏它。

$('.collapse').hide();

并使用toggle方法在点击时显示或隐藏。

$('.accordion-toggle').on('click', function() {
  $('.collapse').toggle();
});