javascript - 如何使 div 打开/关闭缓慢?
问题描述
再一次泡菜。我有这个 js,我想在打开和关闭时它会变慢。事实上,它只是快速打开和关闭。我试过 SlideUp、slideDown,速度很慢,但总是放错位置。非常感激。泰。
按钮:
<div class="open_child" title="', $txt['sub_boards2'], '"><i class="fas fa-plus-circle"></i></div>
js:
$("document").ready(function () {
$(".manualclose").click(function(){
$(".child_box").toggle();
});
ls = localStorage.getItem('on')
if(ls){
$(".child_box").show()
}
$(".open_child").click(function(){
localStorage.setItem('on',true)
toggled = $(".child_box").toggle();
if(toggled.is(":hidden")){
localStorage.clear();
}
});
$(".manualclose").click(function(){
localStorage.clear();
$(".child_box").hide()
});
})
解决方案
两者都.show()
将.hide()
采用持续时间参数,该参数将在该毫秒数内淡入或淡出目标。
例如
$( ".target" ).show(500);
您还可以做很多其他事情。查看jQuery 参考手册了解详细信息。
推荐阅读
- java - 如果文件存在,如何创建备份文件
- java - RestAssured with Mockito:模拟 dao 存储库
- ruby-on-rails - 分配如何知道在集成测试中在哪里寻找实例变量?
- python - 比较相邻元素并替换
- mysql - MariaDB 10.3 将字符串参数隐式转换为整数列失败
- javascript - 预览我的照片后,如何将我的照片拖到另一个保管箱?
- angular - 我如何防止剑道下拉列表在角度 4+ 中更改 valueChange 或 selectionChange 事件的值
- reactjs - React - 动态加载的图像未显示在服务器端渲染中
- c# - 将数据网格中选定的“自定义”行复制到另一个(WPF)
- influxdb - 如何在特定月份的特定时间之间选择数据?