javascript - JS .show .hide 方向

Question

我有这个功能：

$('.Show').click(function() {
    $('#mobile-nb-c').show(500);
    $('.Show').hide(500);
    $('.Hide').show(500);
});

这个函数像这样打开我的 div：

但我希望它像这样打开：

这可以做到吗？

Answer 1

show()并且hide()两者都没有与它们相关的任何动画属性。他们只会隐藏一个元素或显示它。您可以使用.animate()各种动画

Answer 2

试试这个：

$('.Show').animate({ width: <yourWidth> }, 600)
$('.Hide').animate({ width: 0 }, 600)