Buongiorno,
Vi espongo il problema, io ho un applicativo composto da menu a sinistra e body a destra, ho creato un tag p che quando cliccato estende il corpo nascondendo il menu oppure, se il corpo è gia esteso, fa ricomparire il menu.
l'ho strutturato cosi:
Codice PHP:
$(document).ready(function() {
$(".extend").click(function()
{
$("#contMenu").animate({width:'0%'},1000,function(){$("#main").animate({width:'100%'},1000);});
$(this).toggleClass("extend reduce");
});
$(".reduce").click(function()
{
$("#main").animate({width:'77%'},1000,function(){$("#contMenu").animate({width:'23%'},1000);});
$(this).toggleClass("reduce extend");
});
});
Codice PHP:
<p class="extend"></p>
all'inizio il menu ha width=23% e il corpo 77%.
quando restringo il menu funziona mentre quando tento di farlo tornare normale non funziona, lo stesso se come condizione iniziale prendo il corpo esteso senza menu, funziona per far comparire il menu e poi, quando tento di farlo scomparire di nuovo non funziona più.
mi sono aiutato con gli alert e,anche se con firebug si evince che il cambio di classe ci sia, la funzione richiamata al click del tag è sempre la stessa...
sbaglio qualcosa o è il dom che rimane statico quindi devo cambiare la logica per farlo funzionare?