首页 > 解决方案 > 如何使 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()

      });
   })

标签: javascript

解决方案


两者都.show().hide()采用持续时间参数,该参数将在该毫秒数内淡入或淡出目标。

例如

$( ".target" ).show(500);

您还可以做很多其他事情。查看jQuery 参考手册了解详细信息。


推荐阅读