Salve a tutti
sto cercando di creare una sorta di sipario in javascript usando jquery, cerco di spiegare cosa sto facendo. Praticamente ho creato due div (che poi sono le due parti del sipario) e un terzo nascosto sotto di loro per ricevere i contenuti, nel div di sinistra ho messo un menu, quando clicco su una delle voci del menu parte lo script seguente
codice:
<script type="text/javascript">
$(document).ready(function() {
$curtainopen = false;
$(".menu").click(function(){
$(this).blur();
if ($curtainopen == false){
$(this).stop().animate({queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'30%'}, 2000 );
$(".rightcurtain").stop().animate({width:'0px'},2000 );
$curtainopen = true;
}else{
$(this).stop().animate({queue:false, duration:350, easing:'easeOutBounce'});
$(".leftcurtain").stop().animate({width:'50%'}, 2000 );
$(".rightcurtain").stop().animate({width:'51%'}, 2000 );
$curtainopen = false;
}
return false;
});
});
</script>
questo codice non fa altro che al click su uno degli elementi del div "menu" i due div contenitori "leftcurtain" e "rightcurtain" si aprano a sipario. La cosa in sè funziona correttamente, il mio problema sorge nel momento in cui clicco su un secondo link, praticamente il sipario si chiude (come prevede l'"else" dello script) ma non riesco in nessun modo a farlo riaprire automaticamente, insomma io vorrei che quando clicco su di un link il "sipario" si chiuda e poi si riapra.
Ho provato a far riaprire il sipario stesso nel "else" ma purtroppo al click il sipario mi resta aperto e non si chiude mai. Qualcuno percaso ha qualche consiglio?
Se può facilitare lo script usa le librerie jquery e jquery.easing