codice:
$(#nav li#1).click(      function(){          var durata = 500;         $("#nav, #logo").fadeOut(durata);         $("#about").fadeIn(durata);     } )
Cosi scritto clicco su li di id 1 dentro nav (anche se piu semplicemente potresti usare l'id senza nav e li visto che per regola id identici non dovrebbero esistere in una stessa pagina.

si nascondono id logo e nav(tutto il menu per come e' scritto) e si visualizza cio' che sta in id about(che nn vedo nell esempio).

La pagna presumo ricarichi perche' href e' nullo. Per bloccare mettici href="#" o href="javascript:void(0)"