Question

我正在使用JQuery，所以当我在我的垂直导航中切换我的父链接时，基本上它打开子列表，箭头指向下方点击，我遇到的问题是单击列表时，我点击子列表链接，箭头也出现在那些，我只是希望它也只出现在父元素上。我怎么能做到这一点？

这是我的css代码：

.sidebar-category li > a:before {
    color: #ffffff;
    content: '► ';
}

.sidebar-category li > a:only-child:before {
    content: ' ';
}

.sidebar-category li.clicked > a:before {
    color: #ff0000;
    content: '▼ ';
}

这是我的JQuery代码：

$(document).ready(function() { 
    $(".sidebar-category > li").click(function(event) {
        event.stopPropagation();
        $(this).find("ul").fadeToggle();
        return false;
    });

    $('.sidebar-category > li').click(function(event){
        $(this).toggleClass('clicked')
        return false;
    }); 

});

我的html只是一个标准的嵌套列表。

Answer 1

尝试

.sidebar-category > li > a:before {
    color: #ffffff;
    content: '► ';
}

.sidebar-category > li > a:only-child:before {
    content: ' ';
}

.sidebar-category > li.clicked > a:before {
    color: #ff0000;
    content: '▼ ';
}

toggleClass（）影响嵌套列表

1 个答案: