Dynamische Navigation - Navigation mit zweiter Navigation "ersetzen"

[AzRaIL]

Habe folgendes problem

auf der linken Seite meiner Website ist eine Navigation
wenn ich jetzt auf einen Punkt klicke erscheint rechts daneben eine zweite Navigation

$(document).ready(function(){
$("#SubLinks2").hide();
$("#portfolio").click(function(){
$("#SubLinks2").fadeIn("slow");});});

jetzt will ich das wenn man auf einen anderen Punkt in der ersten Navigation klickt, das die davor erschienene zweite Navigation verschwindet und eine weitere zweite Navigation an der selben stelle auftaucht

$(document).ready(function(){
$("#SubLinks2").hide();
$("#portfolio").click(function(){
$("#SubLinks2").fadeIn("slow");});});

$(document).ready(function(){
[COLOR=#ff0000]$("#SubLinks2").hide();[/COLOR]
$("#SubLinks3").hide();
$("#portfolio1").click(function(){
$("#SubLinks3").fadeIn("slow");});});

Das rote ist mein Versuch das ganze umzusetzen
klappt jedoch nicht
kenne mich auch überhaupt nicht mit Javascript aus (habe das alles aus einer Vorlage kopiert und angepasst)
hätte jemand ne lösung wie es klappen könnte?

 

[mermshaus]

Zeige bitte ein testbares, möglichst auf das konkrete Problem begrenztes Beispiel.

 

[AzRaIL]

Ok hab es mal hochgeladen

Azrail Designs

wenn man auf "Photography" klickt erscheint ja die zweite Navi
wenn man dann jedoch auf "Web Design" zb. klickt erscheint noch eine zweite Navi
aber ich will halt das die erste zweite Navi beim klick auf "Web Design" verschwindet (bissl verwirrend :S)

edit: keiner ne Idee?