codice:
<!DOCTYPE html>
<html>
<head>
<style>
.content { height:80px; width:80px; background:#090; }
#log { clear:left; }

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

<div>
  <ul>
  	<li id="btn1">BUTTON1
    <li id="btn2">BUTTON2[/list]
</div>
<div id="page1">CONTENUTO PAGINA 1</div>
<div id="page2">CONTENUTO PAGINA 2</div>

<script>
$('#btn1').click(function() {

  $('#page2').fadeOut('slow', function() {
  $('#page1').fadeIn('slow', function() { });
  });
});

$('#btn2').click(function() {

  $('#page1').fadeOut('slow', function() {
  $('#page2').fadeIn('slow', function() { });
  });
});
</script>

</body>
</html>
Ho fatto una cosa del genere, però non è proprio quello che voglio, poichè all'inizio vedo tutti i contenuti, ma in realtà dovrei vedere solamente quello della pagina1. e dopo gestire gli effetti come dicevo nel primo post