jQuery在两个函数之间单击/切换

Question

jQuery在两个函数之间单击/切换

我正在寻找一种方法，使两个单独的操作/函数/“代码块”在单击某物时运行，然后在再次单击相同的内容时运行一个完全不同的块。我把这个放在一起。我想知道是否有一种更有效率/更优雅的方法。我知道jQuery.切换()但这有点糟透了。

在这里工作：http://jsfiddle.net/reggi/FcvaD/1/

var count = 0;$("#time").click(function() {
    count++;
    //even odd click detect 
    var isEven = function(someNumber) {
        return (someNumber % 2 === 0) ? true : false;
    };
    // on odd clicks do this
    if (isEven(count) === false) {
        $(this).animate({
            width: "260px"
        }, 1500);
    }
    // on even clicks do this
    else if (isEven(count) === true) {
        $(this).animate({
            width: "30px"
        }, 1500);
    }});

Answer 1

演示.1()文件。我很晚才回答，但我认为这是最短的代码，可能会有所帮助。function handler1() {     alert('First handler: ' + $(this).text());     $(this).one("click", handler2);}function handler2() {     alert('Second handler: ' + $(this).text());     $(this).one("click", handler1);}$("div").one("click", handler1);Op代码演示function handler1() {     $(this).animate({         width: "260px"     }, 1500);     $(this).one("click", handler2);}function handler2() {     $(this).animate({         width: "30px"     }, 1500);     $(this).one("click", handler1);}$("#time").one("click", handler1);