javascript - jQuery UI - 切换幻灯片从右上角出现

Question

因此，我正在使用 jQuery UI 库尝试创建一个“幻灯片菜单”，就像在应用程序和许多其他移动网站上找到的那样。我正在使用切换功能来允许用户显示和隐藏它等。一切都工作正常，除了我不喜欢的一件事，那就是它从屏幕右上角出现的方式。我假设这可能会受到标准 jQuery 原始设置或其他设置的影响？如果有人能指导我那就太棒了，我只是在寻找它水平滑入。这是我现在使用的代码:

$(document).ready(function () {

    $("#sidebar").hide();

    $('#sidebar-trigger').click(function () {
        $("#sidebar").toggle("slide");
    });

});

Answer 1

我刚刚发现 Direction 属性正是我所需要的。抱歉浪费时间了。解决方案:

    $(document).ready(function () {

    $("#sidebar").hide();

    $('#sidebar-trigger').click(function () {
        $("#sidebar").toggle('slide', { direction: 'right'}, 500);
    });

});