Question

I figured out a new way to do my list, but am having a couple issues with it…
here’s the code:
http://jsfiddle.net/mstngsal67/GuE99/5/
I’m trying to understand why the left menu item, when clicked, only remains bold if i am hovering over it…if i move away, it changes back. i have tried a lot of different things in the css but nothing has worked… do i need to do this in js instead???
here is part of my code, but going to the jsfiddle has everything…

<ul class="mainMenus"> 
<li onclick='showSubMenu("sm_item1")'>education 
      <ul class="subMenus" id="sm_item1" style="top:0px"> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
      </ul> 

thanks in advance!

Answer 1

You could make another CSS class, and toggle it on and off (using jQuery) when the li element is active or not.

Try looking here:

change active li when clicking a link jquery