Bootstrap CSS Active Navigation

by

This is what I ended up with since you have to clear the others as well.

$('.navbar li').click(function(e) {
    $('.navbar li.active').removeClass('active');
    var $this = $(this);
    if (!$this.hasClass('active')) {
        $this.addClass('active');
    }
    e.preventDefault();
});

More Related Contents:

  1. How to change the bootstrap css width into 1000px? [closed]
  2. anchor click doesn’t open the modal
  3. Issue with a design when content increase [closed]
  4. What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap)
  5. Bootstrap throws Uncaught Error: Bootstrap’s JavaScript requires jQuery [closed]
  6. How to fade loop background images?
  7. Can't able to apply css file in html5
  8. How to change the element of another div by clicking and hovering on an element of a different div
  9. Hide/Show div on specific page with jquery
  10. Alert jQuery + CSS [closed]
  11. Bootstrap 4 Carousel “Half of previous”
  12. jquery change section with scrolling and animation
  13. Click button copy to clipboard
  14. Slide right to left?
  15. Show div on scrollDown after 800px
  16. How to get header from cards or similar to have the same height with flex box?
  17. How to remove close button on the jQuery UI dialog?
  18. jQuery on window resize
  19. Changing nav-bar color after scrolling?
  20. jQuery find element by data attribute value
  21. Why is z-index ignored with position:static?
  22. Dynamically add a class to Bootstrap’s ‘popover’ container
  23. How to resize Twitter Bootstrap modal dynamically based on the content
  24. JQM (jQueryMobile) Dynamically added elements not displaying correctly and CSS is not applied
  25. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  26. position fixed header in html
  27. JQuery search in static HTML page with highlighting of found word
  28. Bootstrap Carousel showing next and previous image
  29. Possible to have a floating horizontal scrollbar?
  30. Bootstrap Dropdown menu is not working

Leave a Comment