jQuery toggleClass and slideToggle

Question

リストアイテム内のdivを非表示にしたり再表示したりするクラスを切り替えることにしましたが、slideToggleを適用する際に問題があります。

ここにHTMLとCSSがあります。

<style> 
.collapsed .widget-content { 
display:none !important; 
} 
</style> 

     <ul id="column1" class="column"> 
     <li class="widget color-green" id="intro"> 
      <div class="widget-head"> 
      <a class="collapse" href"#">collapse</a> 
       <h3>The Title</h3> 
      </div> 
      <div class="widget-content"> 
       <p>content here</p> 
      </div> 
     </li> 
     </ul> 

は、ここでしか離れてスライドするように、私はslideToggleを適用するにはどうすればよい

 $(this).parents(settings.widgetSelector).toggleClass('collapsed'); 

クラス「崩壊」のリンクをクリックする上でのLiのクラスをトグルするjQueryのです」ウィジェットコンテンツ "のdivは同時にliの"崩壊 "クラスをトグルしながら？

ありがとうございます。そのような

$(this).parents(settings.widgetSelector).slideToggle('slow', function() { 
    $('#intro').toggleClass('collapsed'); 
}); 

何か：トグルが完了したとき、あなたはコールバックを試みることができる

Answer 1

？