1

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/

4

2 に答える 2

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;
});
于 2013-03-29T17:24:53.640 に答える
0

これを試して：

 $(".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/

于 2013-03-29T17:28:32.150 に答える