Question

I am having a sample navigation menu , have a look
I want that the effect which I am having on the hover , I want the same effect when a link is clicked.The current link should have the same effect.I think I need to use jquery for that.Sorry if I am not explaining my question well.
Any suggestions are welcome , thanks.

Answer 1

you could use the pseudo-class :active. (Its CSS for clicked state) and optionally :focus . If you want the effect to stay you gonna need to do it with jquery:

$(function(){
  $(".menu").on("click", "a", function(){
    $(this).addClass("active").siblings().removeClass("active");
  });
});

then you can add you effect to the active class… Here is a demo:
http://jsfiddle.net/meo/kt4yb/6/

Or you could simply use the :visited pseudo class, if the your links point to different URL’s