jquery - 如何切换 div 使其上下移动？

Question

我有这个隐藏的 div，

<div id="lo_p" class="hidden">
    <label for="recipe_id">LO</label>
    <input placeholder="LO for this Recipe" class="all_curve_small cashier_inputs" />
</div>

，我有这个简单的切换功能，

$('#id_for_lo').click(function(){
    $('#lo_p').toggle(1000);
});

，通常我不会问这个问题，因为它可以在api.jQuery.com找到，但似乎他们的网站暂时不可用。无论如何，我想知道如何使我的切换效果来自顶部，我不知道你是否明白，但我已经看到 div 似乎来自顶部的切换用法，我的在这里另一方面是从左到右，而不是从上到下。我不确定你是否得到了这个，但对于那些得到这个的人，你的帮助将不胜感激。谢谢。

Answer 1

我想你的意思是slideToggle()，试试这个：

$('#id_for_lo').click(function(){
    $('#lo_p').slideToggle(1000);
});

Answer 2

我已将其用于相同目的

$('#id_for_lo').click(function(){
   $('#lo_p').slideToggle({direction: "top" }, 500);
});