9

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

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

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

如果您能帮助我，我将不胜感激！

谢谢

4

4 回答 4

12

对于初学者，我会使用.slideToggle()而不是.toggle(). 它只是一个简单的折叠和展开。首先尝试一下，看看你是否更喜欢这个结果。

于 2013-05-28T19:40:01.127 回答
4

您正在寻找slideToggle。

如果幸运的话，您只需要更改toggle()为slideToggle().

于 2013-05-28T19:38:43.673 回答
2

尝试这个

$('blah').toggle('drop', {direction: 'right'}, 150)
于 2014-02-20T15:12:51.847 回答
0

试试这个，使用回调属性

<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>
于 2016-04-14T20:55:37.483 回答