javascript - 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()像in this example

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

jQuery 将在 .toggle() 提供的函数之间“切换”，一个接一个，然后返回。由于 280px 是初始状态，因此我们首先触发高度 500，然后触发 280，然后再返回。