Авто закрытие onclick="javascript:ShowOrHide

[nokia6]

Здравствуйте, подскажите пожалуйста как сделать, чтобы при нажатие на одну из кнопок, содержимое другой автоматически закрывалось?Сам код:<a onclick="javascript:ShowOrHide('menu2')"><img style="margin: 5px;" src="{THEME}/images/zanri.png">      </a><a onclick="javascript:ShowOrHide('menu3')"><img style="margin: 5px;" src="{THEME}/images/zanri.png">      </a><a onclick="javascript:ShowOrHide('menu4')"><img style="margin: 5px;" src="{THEME}/images/zanri.png">      </a><br /><div id="menu2" style="display: none;"></div><div id="menu3" style="display: none;"></div><div id="menu4" style="display: none;">  </div>В заранее спасибо!

 

[SaNcHeS]

function ShowOrHide(a){var b=$("#"+a),a=document.getElementById("image-"+a)?document.getElementById("image-"+a):null,c=1E3*(b.height()/200);3E3<c&&(c=3E3);250>c&&(c=250);"none"==b.css("display&quot?(b.show("blind",{},c),a&&(a.src=dle_root+"templates/"+dle_skin+"/dleimages/spoiler-minus.gif&quot)2E3<c&&(c=2E3),b.hide("blind",{},c),a&&(a.src=dle_root+"templates/"+dle_skin+"/dleimages/spoiler-plus.gif&quot)}

 

[nokia6]

подскажите пожалуйста, как использовать данный вами код.function ShowOrHide(a){var b=$("#"+a),a=document.getElementById("image-"+a)?document.getElementById("image-"+a):null,c=1E3*(b.height()/200);3E3<c&&(c=3E3);250>c&&(c=250);"none"==b.css("display")?(b.show("blind",{},c),a&&(a.src=dle_root+"templates/"+dle_skin+"/dleimages/spoiler-minus.gif")):(2E3<c&&(c=2E3),b.hide("blind",{},c),a&&(a.src=dle_root+"templates/"+dle_skin+"/dleimages/spoiler-plus.gif"))}