Mukhtar, у меня всё ок!
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
</script>
<script type="text/javascript">
$(function () {
$("#home").fadeIn(500);
$("ul li").on("click", function () {
var id = $(this).data("section");
var elem = $(this);
$("section:visible").fadeOut(function () {
$("ul li").removeClass("active");
$(id).fadeIn();
elem.addClass("active");
});
});
hash = document.location.hash;
if (hash != '') {
$("ul li a[href='" + hash + "']").click();
}
});
</script>
</head>
<body>
<ul class="nav nav-pills">
<li class="active" data-section="#home">
<a href="#home">Продукты</a>
</li>
<li class="" data-section="#about">
<a href="#about">О компании</a>
</li>
</ul>
<section id="home">FIRST PAGE</section>
<section id="about">SECOND PAGE</section>
</body>
</html>