在我的网页上的每个帖子下面,我有3个按钮:“撰写者”,“相关帖子”和“此类别”:SoCatchy!
我想在点击每个按钮时添加一种颜色,并保持它直到点击另一个链接。
以下是我的以下代码:
HTML:
<ul class="tabnav-widget ui-tabs-nav">
<li class="ui-tabs-selected">
<a class="" href="#tab1-widget">written by</a>
</li>
<li>
<a class="" href="#tab3-widget">Related Posts</a>
</li>
<li class="">
<a class="" href="#tab4-widget">In this Category</a>
</li>
</ul>
CSS:
.tabnav li a, .tabnav-widget li a{color:@white;}
.tabnav li:active, .tabnav-widget li:active{background:@white;}
在jQuery中,我真的不知道我必须构建的函数才能应用我想要的东西。 我需要帮助来构建它。
我提前感谢你,感谢任何帮助。
答案 0 :(得分:2)
可以使用javascript。
$(".tabnav-widget li a").click(function(){
if(!($(this).hasClass("active"))){
$(".tabnav-widget li a.active").removeClass("active");
$(this).addClass("active");
}
});