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);