Come modificare la direzione di espansione su .toggle()?

Question

Sto usando .toggle() jquery per espandere/comprimere.

Sai come modificare l'espansione/compressione direzione dal basso verso l'alto invece che da in alto a sinistra a in basso a destra? Non sono un esperto di jquery, ho trovato la demo e uso questi codici ...

Questo è il mio file di lavoro: http://www.streetlightministries.ca/2013 - e fare clic su "Times & Posizione" nell'angolo in alto a destra. Lo vedrete espandersi da in alto a sinistra a in basso a destra. Preferisco che si espanda dal basso verso l'alto.

Sarei davvero grato se riesci ad aiutarmi!

Grazie

Answer 1

Per i principianti, vorrei usare .slideToggle() invece di commutare. È solo un semplice collasso ed espansione. Provalo prima e vedi se ti piace quel risultato meglio.

Answer 2

Siete alla ricerca di slideToggle.

Se sei fortunato, devi solo cambiare toggle() a slideToggle().

Answer 3

Prova questa

$('blah').toggle('drop', {direction: 'right'}, 150) 

Answer 4

Prova questo, utilizzando la proprietà callback

<script type="text/javascript"> 
      $(document).ready(function() {       
       $(".scCollapAnchor").click(function() { 
        $('.iiColapsable').toggle("slide", 
         { 
          direction: 'up', 
          complete: function() { 
           if ($('#spanCollapsable').hasClass('glyphicon-chevron-down')) { 
            $('#spanCollapsable').removeClass('glyphicon-chevron-down'); 
            $('#spanCollapsable').addClass('glyphicon-chevron-up'); 
           } 
           else { 
            $('#spanCollapsable').removeClass('glyphicon-chevron-up'); 
            $('#spanCollapsable').addClass('glyphicon-chevron-down'); 
           } 
          } 
         }, 400); 
       }); 
      }); 
     </script>