Menu/sous menu et liens sur clic

Bonjour,

Voila j'ai deux petits soucis concernant mon menu vertical déroulant, voilà à quoi il ressemble:

function Swap( menu_){
  var Obj = document.getElementById( menu_);
  if( Obj){
    if( Obj.style.display=="")
      Obj.style.display="none";
    else
      Obj.style.display="";
  }
}
(...)
<a href="#" class="liens" onclick="Swap('menu_1');">Menu 1</a>
    <div id="menu_1" style="display:none; padding-left:10px;">
	<a href="index.php?cat=ssmenu_1" class="liens_1">Sous menu 1</a><br />
	<a href="index.php?cat=ssmenu_2" class="liens_1">Sous menu 2</a><br />
	<a href="index.php?cat=ssmenu_3" class="liens_1">Sous menu 3</a><br />
    </div>

En fait, j'aurais besoin de deux choses:

- lorsque je clique sur "Menu 1", $cat soit égal à "menu_1" par exemple, que je puisse afficher dans mon corps quelque chose avec ma variable, ce que j'arrive très bien à faire avec mes "Sous menu" grâce à un swith ($cat). j'ai bien pensé à écrire href="index.php?cat=menu_1" à la place du "#", mais cela ne m'ouvre pas le menu...

- lorsque je clique sur "Sous menu 1" par exemple, le sous menu reste déroulé, parce qu'à l'heure actuelle, il se range tout de suite une fois qu'un lien a été cliqué.

Je en sais pas vraiment comment faire, n'étant pas un crac en javascript... Merci d'avance pour votre aide :)