2011-10-06 26 views
13

Ben yukarı kaydırın için aşağıdaki kodu kullanarak ve bir div aşağı ediyorum:jquery slidetoggle'a opaklık solma efekti nasıl eklenir?

$(document).ready(function(){ 
    $(".toggle-button").click(function() { 
     $(".about").slideToggle("slow"); 
    }); 
}); 

ben soldurma ekleyip geçiş düğmesine etkisi fade out gibi olacaktır. Bunu nasıl yapacağınız hakkında herhangi bir öneriniz var mı?

cevap

20

bunu başarmak için basit bir yolu animate() için toggle değeri geçmektir:

$(document).ready(function() { 
    $(".toggle-button").click(function() { 
     $(".about").animate({ 
      height: "toggle", 
      opacity: "toggle" 
     }, "slow"); 
    }); 
}); 

Sen this fiddle içinde sonuçlarını görebilirsiniz.

+0

Tam olarak ihtiyacım olan şey bu! – alexchenco

+1

Merhaba, bu harika çalışıyor ama animasyonun sonuna doğru biraz sarsıcı olduğunu fark ettim - herhangi bir fikrin nasıl düzeltileceği? – user1794295

İlgili konular