jQuery:add css()和fadeToggle

Uno Spettro • 6 年前 • 872 次点击

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)");

});

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

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/56142

文章 [ 2 ] | 最新文章 6 年前

• 1 楼

Ahmed Ali 6 年前

正确使用方法 .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>

下面的片段,

• 2 楼

Mojtaba 6 年前

你使用的方式 .css() .css(property, value) 或 .css({property1: value1, property2: value2})

我在这里为您创建了一个片段。

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)");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class=hamburger>Click me</button>
<div class=menu-container>Menu Container</div>
<div class=bar>Bar</div>
<div class=bar1>Bar1</div>
<div class=bar2>Bar2</div>

bar1 两次。但是,我还是用了你的代码。

登录后回复