jquery - 在切换中间跳过

Question

$(function(){ 
    $(".square").toggle(
        function(){ $(this).animate({"width":"200px"}, 900); 
                  },

        function(){ $(this).animate({"width":"100px"}, 900); 
        } 
    ); 

    $(document).click(function() {
       $('.square').animate({ "width":"100px"}, 900);  
    });
})​

在此示例中，
1- 用户单击一次正方形（执行切换的第一个功能）。
2- 用户然后单击背景调用另一个函数
3- 用户单击返回正方形（我想调用切换的第二个函数，它的作用与 num.2 相同，这就是为什么在第一次点击。）

所以我想在数字中。2 我应该跳过所有的切换功能。我不知道该怎么做

如果只执行第一个功能，如何跳过所有切换？

（顺便说一句，我尝试了“stop（）.animate”但它不起作用）

这是示例工作。您可以进行更改：http: //jsfiddle.net/xngx9/

Answer 1

演示

$(function(){
    $(".square").click(function(e){
        e.stopPropagation();
        var tgl = $(this).width() === 100 ?
        $(this).stop(1).animate({"width":"200px"}, 900):
        $(this).stop(1).animate({"width":"100px"}, 900);
    });

    $(document).click(function() {
      $('.square').stop(1).animate({ "width":"100px"}, 900);  
    });
});