Jak zmienić kierunek rozwijania na .toggle()?

Question

Używam jquery .toggle() do rozwijania/zwijania.

Czy wiesz, jak zmienić kierunek rozwijania/zwijania w kierunku od dołu do góry zamiast od góry z lewej do dołu z prawej? Nie jestem ekspertem od jquery, znalazłem demo i używam tych kodów ...

Oto mój plik roboczy: http://www.streetlightministries.ca/2013 - i kliknij "Times & Lokalizacja" w prawym górnym rogu. Zobaczysz, że rozwija się od lewej górnej do prawej dolnej. Wolę, aby rozszerzyła się od dołu do góry.

Byłbym bardzo wdzięczny, gdybyś mógł mi pomóc!

Dzięki

Answer 1

Na początek użyłbym .slideToggle() zamiast przełączać. To prosty upadek i rozszerzenie. Wypróbuj najpierw i sprawdź, czy podoba ci się ten wynik lepiej.

Answer 2

Szukasz slideToggle.

Jeśli masz szczęście, po prostu musisz zmienić toggle() na slideToggle().

Answer 3

Spróbuj

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

Answer 4

Spróbuj tego, za pomocą właściwości oddzwaniania

<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>