Question

I’ve created CSS sprite menu based on this tutorial:
http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
Now I’d like to assign .selected class to the ‘a’ which was clicked as last one. I’ve added sipmle script:

<script>
    $("a").click(function(){
        $(this).addClass("selected");
    });
</script>

but the class .selected appears only during loading the page. After loading whole page menu item returns to its normal state. Could you help me with this issue? TIA

Have a nice day:)

Answer 1

Clicking a will take you to a different page, so this event is not gonna work for you. To add selected class to the current link you have to code like below:

<script>
 $(function(){ //short form of $(document).ready(function(){
    $("a").each(function(){

       path=window.location;
       path=String(path).split('/')['3']; //if you use absolute URLs then disable this line

       if($(this).attr('href')==path)
       {
          $(this).addClass("selected");
       }
    });
 });
</script>

It will add class selected to link(s) if it’s href matches the current URL of the browser.