Question

我正在使用.toggle（）jquery进行展开/折叠。

您知道如何从下到上改变展开/折叠方向而不是从左上角到右下角？我不是jquery专家，我找到了演示并使用这些代码...

这是我的工作文件：http://www.streetlightministries.ca/2013 - 然后点击右上角的“时间和地点”。你会看到它从左上角向右下角扩展。我宁愿让它从下到上扩展。

如果你能帮助我，我将非常感激！

由于

Answer 1

对于初学者，我会使用.slideToggle（）而不是切换。它只是一个简单的崩溃和扩展。首先尝试一下，看看你是否更喜欢这个结果。

Answer 2

您正在寻找slideToggle。

如果您很幸运，您只需将toggle()更改为slideToggle()。

Answer 3

试试这个

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

Answer 4

尝试使用回调属性

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

如何更改.toggle（）的扩展方向？

4 个答案: