Question

I have a WebPage with a fix Superior logo and menu… And I´d like to change the inferior content with each menu click, wthout making other new Aspx… I mean, only one Aspx…

Page Structure:

-------Logo

-------Menu

-------Content 1, 2 ,3

I´d like some fancy/beautiful suggestion to that… Maybe a Jquery plugin?

Thanks

Answer 1

Just use a jQuery show/hide for your content

HTML

<ul id="menu">
   <li><a href="#content1">show content 1</a></li>
   <li><a href="#content2">show content 2</a></li>
   <li><a href="#content3">show content 3</a></li>
</ul>  
<div id="content1" class="content">
     Content
</div>
<div id="content2" class="content">
     More content
</div>
<div id="content3" class="content">
   Even more content
</div>

jQuery

$(document).load(function(){
      $('div.content').hide();
      $('div#content1').show();
      $('ul#menu a').click(function(){
            var my_section = $(this).attr('href').substring(1);
            $('div.content').hide();
            $('div#' + my_section).show();
      });
 });

Now there are definitely some ways to make the transition prettier and all that, but this should give you a good base.