Jquery 如何更改.toggle（）上的展开方向？

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

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

这是我的工作文件：-点击右上角的“时间和地点”。您将看到它从左上角扩展到右下角。我宁愿让它从下到上展开

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

谢谢你要找的人

---

如果幸运的话，您只需要将

toggle（）

更改为

slideToggle（）

作为初学者，我会使用

.slideToggle（）

而不是

.toggle（）

。它只是一个简单的折叠和扩展。先试试这个，看看你是否更喜欢这个结果。

试试这个

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

---

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

$（文档）.ready（函数（）{
$（“.scCollapAnchor”）。单击（函数（）{
$（'.iiColapsable'）。切换（“幻灯片”，
{
方向：'向上'，
完成：函数（）{
if（$（'#spanCollapsable'）.hasClass（'glyphicon-chevron-down'））{
$（“#spanCollapsable”）.removeClass（'glyphicon-chevron-down'）；
$（'#spanCollapsable'）.addClass（'glyphicon-chevron-up'）；
}
否则{
$（“#spanCollapsable”）.removeClass（'glyphicon-chevron-up'）；
$（'#spanCollapsable'）.addClass（'glyphicon-chevron-down'）；
}
}
}, 400);
});
});

我尝试过，但没有成功，我想这是因为toggle（）和slideToggle（）使用不同的jquery。谢谢你的帮助！我不明白这怎么不起作用，但另一个答案起作用了，因为它完全一样，但不管怎样，它起作用了，这就是问题所在！