ขอความช่วยเหลือจาก กระทู้เก่าครับ เนื่องจากยังแก้ไขไม่ได้ครับ

<div class="collapse navbar-collapse" id="bs-nb-1">
                    <ul class="nav navbar-nav"> <!-- nav-tabs -->
						<li class="active">
							<a href="index.html"> 
							<span class="glyphicon glyphicon-home"></span> HOME</a>
						</li>
						
						<li><a href="#about">ABOUT</a></li>

						<li><a href="#news">NEWS</a></li>

						<li><a href="#gallery">GALLERY</a></li>

						<li><a href="#programs">PROGRAMS</a></li>

						<li><a href="#internal">INTERNAL</a></li>

						<li><a href="#visa">VISA</a></li>

						<li><a href="#work">WORK PERMIT</a></li>
						
						<li><a href="#mou">MOU</a></li>

						<li>
							<a href="#life">LIFE IN BUU</a>
							
						</li>
					</ul>					
                </div>
            </div>
<script>
$(function(){

		$('a').click(function(event){
			//alert('In-link');
		var url = $(this).attr('href').split("#");
    	        var link = url[1]+'.html';
    	 $(".nav.navbar-nav li").removeClass('active');
    	    if($(".nav.navbar-nav li").hasClass('')){
       		$(".nav.navbar-nav li a[href='#"+url[1]+"']").parent().addClass('active');
       		$("#mybanner").fadeOut("slow" );
       		$("#main-content").fadeOut("slow" );
       		$.get(link, function (data) {
       			$("#main-content").fadeIn("slow" );
   				$("#main-content").html(data);
   		});
      }

	});
});
</script>