Jquery slideDown

时间:2013-12-11 13:23:00

标签: jquery jquery-animate slidedown

我认为我写的东西很糟糕,因为我无法获得效果slideDown工作正常,我想当点击显示div滑下来但速度缓慢而且此刻显示为没效果并显示非常快

我的代码:

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>

有可能我写得不好因为我认为一切都很好而且它必须显示确定并且显示速度慢并且不会在一秒内完成

感谢您的帮助

1 个答案:

答案 0 :(得分:0)

HTML示例

 <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);
 });

如果“慢”对你来说太快,那么你可以输入你希望效果发生的毫秒数。