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

我使用simple jquery在第三个菜单中单击链接时隐藏和取消隐藏两个菜单：

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

$（'#iii'）。在（'click'，function（）上{
$（'menuk'）.addClass（'hiden'），$（'menuitt'）.removeClass（'hiden'）；
});
$（'#kkk'）。在（'click'，function（）上{
$（'#menuitt'）.addClass（'hiden'），$（'#menuk'）.removeClass（'hiden'）；
});

它的工作原理应该是这样的，但是如何将延迟的动画插入到隐藏和显示事件中呢？

您可以这样使用

<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>

$（'#iii'）。在（'click'，function（）上{
$（'menuk'）.addClass（'hiden'），$（'menuitt'）.delay（500）.removeClass（'hiden'）；
});
$（'#kkk'）。在（'click'，function（）上{
$（'#menuitt'）.addClass（'hiden'），$（'#menuk'）.delay（500）.removeClass（'hiden'）；
});

---

delay（500）

表示延迟500毫秒

你的意思是要淡入淡出吗？是的，淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡出淡。