Comment changer l'expansion de la direction .toggle()?

Je suis à l'aide .toggle() de jquery pour développer/réduire.

Savez-vous comment changer la développer/réduire direction du bas vers le haut plutôt que de haut-gauche vers le bas-droit? Je ne suis pas jquery expert, j'ai trouvé la démo et l'utilisation de ces codes...

Voici mon fichier de travail: http://www.streetlightministries.ca/2013 et cliquez sur "Times & Emplacement" dans le coin supérieur droit. Vous le verrez en expansion à partir d'en haut à gauche à en bas à droite. Je suis plutôt de l'avoir étendre du bas vers le haut.

Je serais vraiment reconnaissant si vous êtes en mesure de m'aider!

Grâce

OriginalL'auteur user1717475 | 2013-05-28

  1. 10

    Pour commencer, je voudrais utiliser .slideToggle() à la place de la bascule. Juste un simple effondrement et à se développer. Essayer d'abord et voir si vous l'aimez meilleur résultat.

    C'est exactement ce que je recherche 🙂

    OriginalL'auteur Smeegs

  2. 3

    Vous êtes à la recherche pour slideToggle.

    Si vous êtes chanceux, vous aurez juste besoin de changer toggle() à slideToggle().

    J'ai essayé mais cela ne fonctionne pas, je pense que c'est parce que le toggle() et slideToggle() utiliser différents jquery. Merci pour votre aide tho!
    Eh bien, je ne comprends pas comment ce n'est pas le travail mais l'autre réponse travaillé puisque c'est exactement la même chose, mais de toute façon, il a travaillé et c'est ce qui importe!

    OriginalL'auteur Karl-André Gagnon

  3. 2

    Essayer cette

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

    OriginalL'auteur rolo1091

  4. 0

    Essayer ce, à l'aide de la propriété 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>

    OriginalL'auteur Eric Ulises