Question

由于我们使用Css和jQuery在移动视图中切换菜单并在切换后，如果我们展开，整个菜单div将隐藏在桌面视图中。至于我们使用的解决方案：

$(function(){
  $(".nav-btn").click(function(){
    $(".nav").toggle(400, function(){
        $(this).toggleClass("expand").css('display','');
    });
  });
});

我不明白该回调函数如何在桌面视图中再次显示菜单。

Answer 1

toggle中的第一个参数定义了确定动画运行时间的字符串或数字。因此，当您提供400时，它只会在毫秒内停留很长时间。默认值始终为400。

持续时间以毫秒为单位;值越高表示动画越慢，而动画越快。字符串＆＃39;快速＆＃39;并且“慢”＆＃39;可以提供指示持续时间分别为200和600毫秒。

以下是一个简单的例子。它的作用是当你点击nav-btn然后它将应用等待400毫秒的回调中定义的css。

＆＃13;

$(".nav-btn").click(function(){
  $(".nav").toggle(400, function(){
      $(this).toggleClass("expand").css('display','');
  });
});

＆＃13;

.expand{
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='nav-btn'>
 <div class='nav'>someContent</div>
</div>

＆＃13;

不明白它是如何工作的

1 个答案: