一次要執行多個jQuery action（）？

Question

我希望我的徽標在點擊時更改CSS，以及淡入淡出。

我已經嘗試過這樣的事情：

$(".logo").fadeIn() .css({"opacity": "1.0","height": "75px"}) 

不起作用，以及這樣：

$(".logo").css({"opacity": "1.0","height": "75px"}) 
$(".logo").fadeIn();

Answer 1

您可以僅使用transition屬性和:active來使用CSS實現此功能

 .logo{ background-color:yellow; color:red; padding:20px; transition:opacity 2s linear; opacity:0.3; } .logo:active{ opacity:1; } 

 <span class="logo">Logo click me</span> 

Answer 2

您可以通過使用animate方法和fadeIn 。

 $('.logo').click(function(){ $('.logo').fadeIn().animate({'opacity':'1','height':'75px'}, 1500); }); 

 .logo{ opacity: 0.1; background: blue; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <span class="logo">Logo</span> 

看看這個小提琴 。