html - 导航链接上的箭头指针更改 onclick

Question

我设法在我的导航列表上显示右箭头指针，当我点击这些导航链接时，它们会打开一个子导航列表，我想要发生的是我希望箭头在访问时变为指向下方的箭头，我有没有成功，这是我到目前为止的代码，目前让它显示一个右箭头，关于如何让它改变 onclick 的任何想法？

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

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

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

Answer 1

江青

$('.sidebar-category li').click(function(){
 $(this).toggleClass('clicked')
})

CSS

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

Answer 2

根据您的描述很难知道，但我会添加以下内容：

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

这可能会有所帮助...这仅在您单击时才处于活动状态。如果没有 jQuery，这是一件很难解决的事情。

当用户单击所谓的“打开”时，我会使用 jQuery 添加一个类，而是使用以下 css：

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

jQuery 可能看起来像这样：

$('.sidebar-category li > a').click(function() {
    this.toggleClass('open');
});

希望这可以帮助。:)