How to make css a:active work after the click?

by

Add and remove a class when you select a tab link..

#navigation .active {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#DFE7FA), to(#FFF));
    border-bottom-width:0px;
}

and use the script (jQuery version)

$(function(){

    $('#navigation a').click(function(){

        $('#navigation .active').removeClass('active'); // remove the class from the currently selected
        $(this).addClass('active'); // add the class to the newly clicked link

    });

});

More Related Contents:

  1. How can i make this wave effect on both bottom and top
  2. What does !important mean in CSS?
  3. Can I have multiple background images using CSS?
  4. CSS3 selector :first-of-type with class name?
  5. SVG data image not working as a background-image in a pseudo element
  6. Using CSS for a fade-in effect on page load
  7. Why bottom:0 doesn’t work with position:sticky?
  8. what exactly is device pixel ratio?
  9. z-index is canceled by setting transform(rotate)
  10. Pure CSS checkbox image replacement
  11. Twitter Bootstrap Multilevel Dropdown Menu
  12. Does element width include padding?
  13. CSS selector for attribute names based on a wildcard
  14. Add line break to ::after or ::before pseudo-element content
  15. Cols, colgroups and css “:hover” pseudoclass
  16. GWT theme style overrides my css style
  17. Why does the linear-gradient disappear when I make an element position:absolute?
  18. Usage of display property of flex box items
  19. Create a row of flexbox items with a max height defined by one child [duplicate]
  20. How to display and hide a div with CSS?
  21. Check scrolling with CSS
  22. Animate CSS background-position with smooth results (sub-pixel animation)
  23. Can we change style? [duplicate]
  24. Pass function or mixin by reference in SASS
  25. Can I make a CSS grid with dynamic number of rows or columns?
  26. Issue when centering vertically with flexbox when heights are unknown
  27. How do I make card-columns order horizontally?
  28. Disable CSS animation on pseudo element inherited from parent
  29. Why does enabling hardware-acceleration in CSS3 slow down performance?
  30. SASS CSS: Target Parent Class from Child

Leave a Comment