How to show only the corresponding div nav-tag?

var topRange      = 200,  // measure from the top of the viewport to X pixels down
 edgeMargin    = 20,   // margin above the top or margin from the end of the page
 animationTime = 1200, // time in milliseconds
 contentTop = [];
 $(document).ready(function(){ 
 $('html,body').bind('scroll mousedown DOMMouseScroll mousewheel keyup',       function(e){
if ( e.which > 0 || e.type == 'mousedown' || e.type == 'mousewheel' ){
$('html,body').stop();
}
})

// Set up content an array of locations
$('#sidemenu').find('a').each(function(){
contentTop.push( $( $(this).attr('href') ).offset().top );
 })

// Animate menu scroll to content
$('#sidemenu').find('a').click(function(){
var sel = this,
   newTop = Math.min( contentTop[ $('#sidemenu a').index( $(this) ) ],   $(document).height() - $(window).height() ); // get content top or top position if at the document bottom
   $('html,body').stop().animate({ 'scrollTop' : newTop }, animationTime,    function(){
   window.location.hash = $(sel).attr('href');
    });
   return false;
    }  )


   $(window).scroll(function(){
   var winTop = $(window).scrollTop(),
   bodyHt = $(document).height(),
   vpHt = $(window).height() + edgeMargin;  // viewport height + margin
   $.each( contentTop, function(i,loc){
   if ( ( loc > winTop - edgeMargin && ( loc < winTop + topRange || (  winTop + vpHt ) >= bodyHt ) ) ){
   $('#sidemenu li')
  .removeClass('selected')
  .eq(i).addClass('selected');
   }
   })
   })

   })

      

http://jsfiddle.net/m2zQE/

In this script I only want the corresponding div to be visible not to others, but when we scroll, then the following will be shown. This way it will work as if we were scrolling the screen, the next tab is active and the relevant information goes to the viewport, there is no scrolling, and there is no other div visible either.

How can I do this, I need to integrate this part in a full page website where there are 1-10 functions, when the user scrolls one by one, he can see the functions.

+3


source to share





All Articles