So ändern Sie die expand Richtung .toggle()?

Ich bin mit .toggle () - jquery für erweitern/reduzieren.

Wissen Sie, wie Sie ändern, erweitern/reduzieren Richtung von unten nach oben statt von oben-Links nach unten-rechts? Ich bin kein jquery-Experte, ich fand die demo und verwenden Sie diese codes...

Hier ist meine Arbeitsdatei: http://www.streetlightministries.ca/2013 - und klicken Sie auf "Zeit & Ort" in der oberen rechten Ecke. Sie werden sehen, dass es den ausbau von oben-Links nach unten-rechts. Ich eher, um es zu erweitern, von unten nach oben.

Ich wäre wirklich dankbar, wenn Sie sind in der Lage, mir zu helfen!

Dank

InformationsquelleAutor user1717475 | 2013-05-28
  1. 10

    Für den Anfang würde ich verwenden .slideToggle() anstelle von toggle. Es ist nur ein einfaches ein-oder ausblenden. Versuchen Sie, die Sie zuerst und sehen, wenn Sie möchten, dass das Ergebnis besser.

    • Das ist genau das, was ich Suche 🙂
    InformationsquelleAutor Smeegs
  2. 3

    Du suchst slideToggle.

    Wenn Sie Glück haben, werden Sie brauchen nur zu ändern toggle() zu slideToggle().

    • Ich habe versucht, aber es hat nicht funktioniert, ich denke, es ist, weil die toggle() und slideToggle() verwenden verschiedene jquery. Vielen Dank für deine Hilfe, tho!
    • Nun weiß ich nicht, wie diese nicht funktioniert, aber die andere Antwort gearbeitet, da es genau das gleiche, aber egal, es hat funktioniert und das ist, was die Materie!
    InformationsquelleAutor Karl-André Gagnon
  3. 2

    Versuchen, diese

    $('blah').toggle('drop', {direction: 'right'}, 150)
    InformationsquelleAutor rolo1091
  4. 0

    Versuchen Sie, diese mithilfe der callback-Eigenschaft

    <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>
    InformationsquelleAutor Eric Ulises
Schreibe einen Kommentar