Ciao a tutti, ho un problema...
sto cercando di creare 4 div nascosti che si aprono quando io clicco su una voce del menu. Il punto è che se io clicco su uno e ne ho già un altro aperto, quello chiuso mi si deve aprire e quello aperto mi si deve chiudere...un pò come un'accordion...
Il menu in questione è visibile all'indirizzo
www.overlook.it/segnografico

Il codice html è:


<div id="menu" style=" margin-top:25px">
<div align="right">[img]img/frccia.jpg[/img]Login / Registrati

<span id="click1"></span>

<span id="click2"></span>

<span id="click3"></span>

<span id="click4"></span>

english version
<div style="clear:both"></div>
</div>
</div>

<div id="expo" style="display:none" >
expo expo expo
</div>


<div id="info" style="display:none">
info info info info
</div>

<div id="newsletter" style="display:none">
newsletter newsletter newsletter
</div>

<div id="contatti" style="display:none" >
contatti contatti contatti
</div>

Il codice javascript è:
<script type="text/javascript">
$(document).ready(function(){
$('#click1').click(function () {
if ($("#expo").is(":hidden")) {
$("#expo").slideDown("slow");
} else {
$("#expo").slideUp();
}

});

});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#click2').click(function () {

if ($("#info").is(":hidden")) {
$("#info").slideDown("slow");
} else {
$("#info").slideUp();
}


});

});
</script>
<script type="text/javascript">
$(document).ready(function(){
$('#click3').click(function () {

if ($("#newsletter").is(":hidden")) {
$("#newsletter").slideDown("slow");
} else {
$("#newsletter").slideUp();
}


});

});
</script>

<script type="text/javascript">
$(document).ready(function(){
$('#click4').click(function () {

if ($("#contatti").is(":hidden")) {
$("#contatti").slideDown("slow");
} else {
$("#contatti").slideUp();
}


});

});
</script>


Grazie