jQuery-根據當前高度與限制切換div高度

Question

jsfiddle在這里： http ： //jsfiddle.net/M86nA/

代碼是這樣的：

$('div.wrap').click(function(){
   var $minY = $('div.imgur-wrap').height();
   if ($minY = 280) {
      $('div.wrap').animate({height: 500});
   }else{
      $('div.wrap').animate({height: 280});
   }
});​

我想是因為執行if時確實有新的高度（500）？ 我怎樣才能做到這一點？

謝謝！

編輯：用“ ==”替換“ =”並在選擇器中刪除“ imgur”修復了它。

Answer 1

您可以在本例中使用jQuery .toggle()

$('div.wrap').toggle(function() {
    $(this).animate({
        height: 500
    });
}, function() {
    $('div.wrap').animate({
        height: 280
    });
});​

jQuery將在.toggle()提供的功能之間“切換”，一個接一個地返回。 由於280px是初始狀態，因此我們首先觸發高度500，然后觸發280，然后再次返回。

Answer 2

使用當前代碼，將類引用和=固定為== 。

更改

var $minY = $('div.imgur-wrap').height();

至

var $minY = $('div.wrap').height();

完整代碼供參考：

$('div.wrap').click(function() {
    var $minY = $('div.wrap').height();
    if ($minY == 280) {
        $('div.wrap').animate({
            height: 500
        });
    } else {
        $('div.wrap').animate({
            height: 280
        });
    }
});​

見演示