jQuery：添加css（）和fadeToggle

Question

我知道，非常菜鸟的问题：我在Wordpress网站上获得了此代码，并且可以正常工作

jQuery('.hamburger').click(function() {
jQuery('.menu-container').fadeToggle( "0.3s", "swing" ),
});

如何将css（）方法添加到此脚本中？我已经尝试过类似的方法，但是不起作用：

jQuery('.hamburger').click(function() {
jQuery('.menu-container').fadeToggle( "0.3s", "swing" );
jQuery(".bar2").css({"display":"none");
jQuery(".bar").css({"width":"40px","margin-bottom":"-2px");
jQuery(".bar1").css({"transform":"rotate(45deg)");
jQuery(".bar1").css({"transform":"rotate(-45deg)");

}）;

实现我的目标的正确方法是什么？

Answer 1

在jquery中使用.css的正确方法

$("p").css("color", "red");

工作中

$(document).ready(function(){
  $("button").click(function(){
    $("p").css("color", "blue");
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>This will turn to blue when button is clicked</p>
<button>Click Me</button>

下面的代码段，