Before you use this script, you should definantly create a css menu first. After done you can add this to your html header:
What the script does is basically when a Menu item is clicked the div will slide to the next div. Instead of you having to link the pages and users having to navigate to different pages.Code:<script type="text/javascript"> $(document).ready(function(){ $('.menu > li:first').addClass('activeMenuLink'); $('.menu > li').click(function(){ if (!$(this).hasClass('activeMenuLink')) { $('.menu > li').removeClass('activeMenuLink'); $(this).addClass('activeMenuLink'); $('.content div').slideUp('1500'); $('.content div:eq(' + $('.menu > li').index(this) + ')').slideDown('1500'); } }) }); </script>









