jquery沒有動畫「隱藏」

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，然後#menulink再次出現。我已經完成了，但我希望它能夠隱藏，不會有淡入淡出或動畫。點擊即可消失。使用.hide它仍然動畫和.fadeOut（'0'）它仍然消失。

任何想法？

Answer 1

如果您不想使用動畫，只需使用.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>