Jquery“隐藏”没有动画答案

【问题标题】：Jquery "hide" without animationJquery“隐藏”没有动画
【发布时间】：2017-04-06 23:14:00
【问题描述】：

我试图在点击时隐藏一个没有动画的 div。这是我的代码：

<script>
$('.open-menu').click(function(e){    
    $('#menulink').fadeOut('fast', function(){
        $('#menu, #menu-background').toggle('slide');
    });
});

$('#menu-background').click(function(e){    
    $('#menu, #menu-background').fadeOut('fast', function(){
        $('#menulink').fadeIn('fast');
    });
});
</script>

所需的操作是当您单击#menu-background 时，它会用#menu 隐藏自己，然后#menulink 再次出现。这我已经完成了，但我希望它隐藏起来，没有淡入淡出或动画。只是在点击时消失。使用 .hide 它仍然是动画的，使用 .fadeOut('0') 它仍然是淡出的。

有什么想法吗？

【问题讨论】：

标签： jquery animation onclick hide

【解决方案1】：

使用 css 怎么样？

// hide immediately.
$("#hide-me").css("display", "none");

// show immediately.
$("#show-me").css("display", "initial");

【讨论】：

【解决方案2】：

如果您不想要动画，只需使用不带参数的 .hide() 或 .show() 代替 fadeout() 或 fadein()。

<script>
$('.open-menu').click(function(e){    
    $('#menulink').hide();
    $('#menu, #menu-background').show();
});

$('#menu-background').click(function(e){    
    $('#menu, #menu-background').hide();
    $('#menulink').show();
});
</script>

【讨论】：

如果可以的话，我只想在隐藏 div 时不显示动画？
是的，但它对所有内容都没有动画。尝试切换 - 但隐藏时没有动画。