一度に複数のjQueryアクション（）が発生する？

Question

私はこのような何か試してみました

..私のロゴは、クリックだけでなく、フェードインのCSSを変更したい：

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

doesntの仕事だけでなく、この：

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

Answer 1

を

これはCSSでのみtransitionプロパティと:active

.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

あなたはfadeInとともにanimate方法を使用することによってそれを行うことができます。

$('.logo').click(function(){ 
 

 
\t $('.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>

このfiddleをチェックしてください。