如何使用jquery延迟隐藏在此脚本上

Question

当点击第三个链接时，我使用简单的jquery来隐藏和取消隐藏两个菜单：

<script>
    $('#iii').on('click', function(){
    $('#menuk').addClass('hiden'),$('#menuitt').removeClass('hiden');
});
$('#kkk').on('click', function(){
    $('#menuitt').addClass('hiden'),$('#menuk').removeClass('hiden');
});
    </script>

它的工作方式应该如此，但是如何将延迟缓动动画插入隐藏和显示事件？

Answer 1

你可以像这样使用delay

<script>
    $('#iii').on('click', function(){
    $('#menuk').addClass('hiden'),$('#menuitt').delay(500).removeClass('hiden');
});
$('#kkk').on('click', function(){
    $('#menuitt').addClass('hiden'),$('#menuk').delay(500).removeClass('hiden');
});
    </script>

delay(500)表示延迟500毫秒