jQuery使用動畫功能切換不透明度

Question

我寫了一個jquery函數，從那裏我嘗試使用動畫函數切換不透明度，但我的代碼不工作。誰能告訴我哪裏是故障。感謝

  jQuery.fn.blindToggle = function (speed, easing, callback) { 
      var _opacity = 0; 
      var h = this.height() + parseInt(this.css('paddingTop')) + parseInt(this.css('paddingBottom')); 
      $(this).toggle(function() { 
       _opacity = 0; 
      }, 
      function() { 

       _opacity = 1; 
      }); 
      alert(_opacity); 
      return this.animate({ opacity: _opacity, 
       marginTop: parseInt(this.css('marginTop')) < 0 ? 0 : -h 
      }, speed, easing, callback); 
     }; 

Answer 1

jQuery's animate有你想要做一個快捷方式：

$(this).animate({"opacity": "toggle"}); 

那麼你並不需要自己實現這個邏輯。

Answer 2

toggle僅適用於元素的屬性，而不是VAR值。這種情況下你可以簡單地做到以下幾點。

_opacity = _opacity == 0 ? 1 : 0;

演示：

• using toggle不起作用
• using If工作
• using toggleClass工作

Answer 3

jQuery有甜功能

.fadeToggle() 

Documentation.