Как переключить 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); 
});