jquery slideUpが動作しません。

Question

このコードでは、私のメニューは正しくスライドしますが、次にボタンをクリックしてアニメーションなしでスライドします。何が間違っていますか？

 if($(this).hasClass('menu-opened')){ 
     $('#cssmenu').css({backgroundColor: '#333333'}); 
    $("#menu-button").css("font-size", "12px"); 
    $('#cssmenu ul:first').slideDown(); 


     } else { 
     $('#cssmenu').css({backgroundColor: ''}); 
    $("#menu-button").css("font-size", "0px"); 
    $('#cssmenu ul:first').slideDown(); 
     } 

Answer 1

どちらも "slideDown（）"に設定されています。フォントサイズを0に設定しているために消えている可能性があります。

if($(this).hasClass('menu-opened')) 
     $('#cssmenu ul:first').slideUp(); 
    else 
     $('#cssmenu ul:first').slideDown(); 

これ以外の操作は必要でない限り、私は操作しません。変更するフォントサイズ/色をアニメートするには、CSSで変換を設定する必要があります。