JQuery toggleClass（）影响嵌套列表

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')
    }); 

});

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