[Deff]

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>
 section[id]{
  display:none;
  position:absolute;
 }
</style>
<ul class="nav nav-pills">
  <li  data-section="#home">
    <a href="#home">Продукты</a>
  </li>
  <li  data-section="#about"><a href="#about">О компании</a></li>
  
</ul>
<section id="home">
FIRST PAGE
</section>
<section id="about">
SECOND PAGE
</section>


<script>
	var hash = location.hash
	var menu = $('.nav.nav-pills');
$('li',menu).find('a[href^="#"]').each(function() {
	var S = $(this).attr('href');
	if(S&&hash&&S.indexOf(hash)!=-1){$(hash).addClass("active").fadeIn(500);hash='find';return false;}
});
	if(hash!='find')$("#home").addClass("active").fadeIn(500);

$('a',menu).on("click",function() {
	$("section:visible").removeClass("active").fadeOut(700);
	var id='#'+this.href.split('#')[1];
	$(id).addClass("active").fadeIn(700);

});
</script>