Jquery "hide"无动画

Question

我试图在没有动画的情况下隐藏点击时的 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') 它仍然会淡出。

有什么想法吗？

Answer 1

使用CSS怎么样？

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

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