jquery - .click 函数有什么用而不是 toggleEvent ？

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/