jQuery toggleClass和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>

这是jQuery用点击“崩溃”类的链接来切换li的类

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

如何应用slideToggle以便它只滑动“widget-content”div同时切换li上的“折叠”类？

提前感谢您的建议。

Answer 1

切换完成后，您可以尝试回调：

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

类似的东西？