Get Responsive navbar menu to Automatically close after anchor link clicked

Get Responsive navbar menu to Automatically close after anchor link clicked

In this Post We Will Explain About is Bootstrap Mobile navbar toggle collapse after click, With Example and Demo.Welcome on Pakainfo.com – Examples, The best For Learn web development Tutorials,Demo with Example! Hi Dear Friends here u can know to How to hide my collapse bootstrap 3 navbar ExampleExample

In this post we will show you Best way to implement javascript – Bootstrap close responsive menu “on click”, hear for Responsive navbar collapse for single page applicationswith Download .we will give you demo,Source Code and examples for implement Step By Step Good Luck!.

Markup Languages(index.html) HTML Part

Example 1 : javascript – How to close an open collapsed navbar when clicking

jQuery('.nav a').on('click', function(){
 jQuery('.navbar-collapse').removeClass("in");     
});

Example 2 : jquery – Hide Twitter Bootstrap nav collapse on click

$('.nav a').on('click', function(){
    $('.btn-navbar').click(); //bootstrap 2.x
    $('.navbar-toggle').click() //bootstrap 3.x by Richard
});

Example 3 : Responsive navbar collapse for single page applications

$(function() {
    $('.nav a').on('click', function(){ 
        if($('.navbar-toggle').css('display') !='none'){
            $(".navbar-toggle").trigger( "click" );
        }
    });
});

Example

I hope you have Got What is Responsive navbar collapse for single page applications And how it works.I would Like to have FeadBack From My Blog(Pakainfo.com) readers.Your Valuable FeadBack,Any Question,or any Comments abaout This Article(Pakainfo.com) Are Most Always Welcome.