Wie ändert man die Expansionsrichtung bei .toggle()?

Question

Ich verwende .toggle() jquery für Expand/Collapse.

Wissen Sie, wie Sie die Expand/Collapse Richtung von unten nach oben statt von oben links nach unten rechts ändern? Ich bin kein jquery Experte, ich fand die Demo und benutze diese Codes ...

Hier ist meine Arbeitsdatei: http://www.streetlightministries.ca/2013 - und klicken Sie auf "Times & Location" in der oberen rechten Ecke. Sie werden sehen, wie es von links oben nach rechts unten expandiert. Ich möchte es eher von unten nach oben erweitern.

Ich wäre wirklich dankbar, wenn Sie mir helfen können!

Dank

Answer 1

Für den Anfang würde ich .slideToggle() anstelle von toggle verwenden. Es ist nur ein einfacher Zusammenbruch und erweitern. Probieren Sie es zuerst aus und sehen Sie, ob Ihnen das Ergebnis besser gefällt.

Answer 2

Sie suchen slideToggle suchen. Wenn Sie Glück haben, müssen Sie nur toggle() zu slideToggle() ändern.

Answer 3

Versuchen Sie, diese

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

Answer 4

die Sie interessieren, die Callback-Eigenschaft mit

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