At the bottom of every post on my website, there are 3 buttons: "Written By", "Related Post," and "In This Category": SoCatchy!
I'm looking to have each button change color when clicked, and stay that way until another link is clicked.
Here is the code I currently have:
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;}
In jQuery, I am unsure about the function I need to create in order to achieve my desired result. Any guidance would be appreciated.
Thank you in advance for any assistance provided.