2013-12-11 4 views
0

Я думаю, что у меня что-то плохое, потому что я не могу получить эффект slideDown, отлично работает, я хочу, когда щелкнуть мышью, показать div в слайде вниз, но медленно и на данный момент показать, как неэффективно и показать очень быстроJQuery slideDown

Мой код:

jQuery(document).ready(function() { 
jQuery(".login_data_open").click(function() { 


jQuery("#login_data_content").slideDown("slow");  

}); 

}); 


<div id="login_data_content" style="display:none;"></div> 
<div class="login_data_open">Open Div</div> 

подмигнули возможно я writte плохо, потому что я думаю, что все нормально подмигнули, и он должен показать хорошо и показать медленно и не все в один второй

Thank' s для справки

+1

Работает так, как ожидалось, так что в чем проблема? http://jsfiddle.net/k248q/ –

+0

нет содержимого внутри первого div, это единственная проблема :) –

+0

Если вы хотите добавить определенное время, вы можете добавить время как функция jQuery ("# ​​login_data_content") .slideDown ("2000"); – krutssss

ответ

0

HTML Sample

<div id="login_data_content" style="display:none;">HIDDEN CONTENT<br><br> 
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id estlaborum. 
</div> 


<div class="login_data_open">Open Div</div> 

JavaScript Образец

$(".login_data_open").click(function() { 
    $("#login_data_content").slideDown(5000); 
}); 

Если «медленный» слишком быстро для вас, то вы можете ввести в число миллисекунд, которые вы хотели бы для эффекта иметь место в.