Question

I wonder if it’s possible to have several div elements with different id that has different contents and then add them with prepend depending of the choice from a menu? When the page load, all of these element should be hidden. Could I do that?

EDIT:
Instead of load several different pages with just some text, but with different subject, my idea was to have all info on one page and just show the some parts depending on the user choice. Is this a bad idea?

Answer 1

DEMO

Create all your menu and box elements:

<ul id="menu">
   <li>1</li>
   <li>2</li>
   <li>3</li>
</ul>

<div class="box">Box 1</div>
<div class="box">Box 2</div>
<div class="box">Box 3</div>

Make sure your boxes are CSS:

display:none;

Than simply do:

$(function(){
   $('#menu li').click(function(){
        var menuLiIndex = $(this).index();
        $('.box').hide().eq( menuLiIndex ).show();
   });
});