Как изменить направление расширения.toggle()?

Я использую .toggle () jquery для расширения/сворачивания.

знаете ли вы, как изменить expand/collapse направление снизу вверх, а не сверху-слева вниз-вправо? Я не эксперт jquery, я нашел демо и использую эти коды...

вот мой рабочий файл:http://www.streetlightministries.ca/2013 - и нажмите "время и местоположение" в правом верхнем углу. Вы увидите, как он расширяется сверху слева вниз справа. Я скорее она расширяется снизу вверх.

Я был бы очень признателен, если вы сможете мне помочь!

спасибо

8
direction jquery toggle

4 ответов

для начала, я бы использовал .slideToggle() вместо переключения. Это просто коллапс и расширение. Сначала попробуйте это и посмотрите, нравится ли вам этот результат лучше.

9

вы ищете slideToggle.

Если Вам повезет, вам просто нужно изменить toggle() до slideToggle().

3

попробуй такое

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

попробуйте это, используя свойство обратного вызова

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