javascript - 滑动切换时添加当前类

Question

我尝试用简单的代码创建简单的 Accordion 菜单。

这是我的 Jsfiddle

$('li').click(function(ev) {
    $(this).find('>ul').slideToggle();
    ev.stopPropagation();
});

我的问题是如何在滑动时将类 current 添加到父 li，如下所示:

<ul>
    <li class="current">
        level 2

并在幻灯片关闭时删除类 current。

Answer 1

根据您的 fiddle ，这可以解决问题。

$('li').click(function(ev) {
    $(this).find('>ul').slideToggle('slow', function(){
        $(this).parent().toggleClass('current');
    });
    ev.stopPropagation();
});​

和here is a fiddle该示例的彩色背景可视化 .current