javascript - 从下/上向左/右滑动切换

Question

我有一个小问题想要在我的网站上解决。看看这个 JSFIDDLE — https://jsfiddle.net/sm25t089/

这是 JavaScript 代码:

$(document).ready(function () {
$(".bottoni").hide();
$(".reveal").click(function () {
    $(this).toggleClass("active").next().slideToggle(200, "linear");

    if ($.trim($(this).text()) === '(+)') {
        $(this).text('(×)');
    } else {
        $(this).text('(+)');
    }

    return false;
});
$("a[href='" + window.location.hash + "']").parent(".reveal").click();
});

我希望菜单从屏幕外向左、向右移动，而不是实际从下到上。

感谢您的帮助。F.

Answer 1

这是使用 css3 的一种解决方案

transition:0.3s;

https://jsfiddle.net/sm25t089/1/

如果您更喜欢仅使用 ccs2，那么您可以使用 jquery animate 执行相同的操作