Jquery: animate() su 2 div contemporaneamente

LoganDiLoxis

Nuovo Utente
18 Ago 2016
2
1
1
47
Ciao a tutti! Per chi lo è ancora, buone vacanze!!
Ecco il punto:

Nell'head:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {right:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}
Nel body:
Codice:
<div id="liv0" onClick="openEntrance();">
   <div id="liv1">
     <div id="divEntraTxt"><h1>Entra!</h1></div>
  </div>
   <div id="liv2sx" >&nbsp;</div>
   <div id="liv2dx" >&nbsp;</div>
</div>
cliccando col mouse sul div "#liv0", mi apre solo il "#liv2sx", e non tutti e due.
Non ne capisco proprio il perchè. C'è qualcosa che impedisce il funzionamento contemporaneo su 2 div?? -_-'
Qualcuno mi può aiutare?
 
Ultima modifica:
Ho trovato empiricamente la soluzione. basta modificare la function openEntrance() in questo modo:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {left:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}

Grazie a tutti, anche solo per l'attenzione.
L.

Ciao a tutti! Per chi lo è ancora, buone vacanze!!
Ecco il punto:

Nell'head:
Codice:
function openEntrance(){
   $("#liv2sx").animate(
     {left:"-=225px"},{queue:false,duration:1500,easing:"swing"}
   );
   $("#liv2dx").animate(
     {right:"+=225px"},{queue:false,duration:1500,easing:"swing"}
   );
}
Nel body:
Codice:
<div id="liv0" onClick="openEntrance();">
   <div id="liv1">
     <div id="divEntraTxt"><h1>Entra!</h1></div>
  </div>
   <div id="liv2sx" >&nbsp;</div>
   <div id="liv2dx" >&nbsp;</div>
</div>
cliccando col mouse sul div "#liv0", mi apre solo il "#liv2sx", e non tutti e due.
Non ne capisco proprio il perchè. C'è qualcosa che impedisce il funzionamento contemporaneo su 2 div?? -_-'
Qualcuno mi può aiutare?
 
  • Like
Reactions: criric

Discussioni simili