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: '▼ ';}

Answer 2

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

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

这可能会有所帮助......只有在您点击后才能激活。没有jQuery，这是一件难以解决的问题。

我会使用jQuery在用户点击被叫“open”时添加一个类，而是使用下面的css：

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

jQuery看起来像这样：

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

希望这会有所帮助。：）

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

2 个答案: