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 的类，点击类“collapse”的链接

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

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

提前感谢您的建议。

Answer 1

您可以在切换完成时尝试回调：

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

类似的东西？