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

JQ

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

CSS

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