Funzione Slide Up Slide down in Jquery

[larapratesi]

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

[pgonair]

Ciao,
praticamente è quasi tutto fatto,

solo che devi controllare tutti i div ogni volta che ci cliki sopra;

cioè se fai click1 oltre a controllare lo stato del div1 devi controllare anche quello del div 2,3,4

e se sono ad esempiio "visible" fai lo slideUp su tutti.

un saluto

[larapratesi]

Sì ma il problema è che non so com'è la corretta sintassi di Javascript e di jquery in generale potresti farmi un'esempio?

Grazie mille

[pgonair]

quest più o meno è l'esempio per quando fai click sul primo link (click1 per intenderci)

quando clicki sul primo

expo viene mostrato a seconda se sia visibile o meno;

successivamente viene controllato lo stato dei div successivi nel caso fossero visibili ne viene fatto lo slideUp.

praticamente devi copiare le 3 if finali sotto gli altri eventi click cambiando il nome dei div che devi controllare di volta in volta

$(document).ready(function(){
$('#click1').click(function () {
if ($("#expo").is(":hidden"))
{
$("#expo").slideDown("slow");
}
else
{
$("#expo").slideUp();
}

if ($("#info").is(":visible"))
{
$("#info").slideUp();
}
if ($("#newsletter").is(":visible"))
$("#newsletter").slideUp();

if ($("#contatti").is(":visible"))
$("#contatti").slideUp();

});

});

spero sia sufficiente

un saluto

[larapratesi]

Grazie mille