Question

由于jQuery 1.9， toggleEvent 不再存在，所以我尝试做类似的事情：当有人点击.trigger时，div#map变得更大，点击再次，div#map变得更小。

$(".trigger").click(function(){ 
  $("#map").animate({height: '400px'}, 550, function() { $(".trigger").text("see small");
  });
}, function(){
  $("#map").animate({height: '205px'}, 250, function() { $(".trigger").text("see big");
  });
});

如果我在1.8.3中使用“切换”它工作正常，但我想在1.9.1中运行而我不知道如何。

1.8.3中运行的代码示例：http://jsfiddle.net/EZ9My/

Answer 1

var isSmall = false;
var trigger = $(".trigger").click(function(){
    if (isSmall)
        $("#map").animate({height: '400px'}, 550, function() { trigger.text("see small"); });
    else
        $("#map").animate({height: '205px'}, 250, function() { trigger.text("see big"); });

    isSmall = !isSmall;
});

Answer 2

试试这个：

 $(".trigger").click(function(){
     if($("#map").css('height') == '400px'){
       $("#map").stop().animate({height:'205px'},550);
       $(this).text("see big");
     };
     if($("#map").css('height') == '205px'){
        $("#map").stop().animate({height:'400px'},250);
         $(this).text("see small");
     };
 });

jsFiddle ：http://jsfiddle.net/EZ9My/1/

是什么用来代替toggleEvent用于.click函数？

2 个答案: