2015-06-10 108 views
0

我有一個手動圖片,上面寫着「告訴我更多」,點擊時顯示一個列表。現在手風琴自動設置爲顯示完整列表,然後點擊摺疊手風琴。我希望它做相反的事情 - 讓列表最初崩潰。任何想法如何做到這一點?切換哈姆手風琴

.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 

回答

1

您可以使用hide方法來隱藏它。

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

並使用toggle方法顯示或隱藏點擊。

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