如何切换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);
});