jQuery 有两个方法称为.toggle(). 在另一个^[文件]不正是你想要的click事件。

注意：似乎至少从jQuery 1.7 开始，这个版本已.toggle被弃用，可能正是出于这个原因，即存在两个版本。利用.toggle改变元素的知名度仅仅是一个更常见的用法。该方法已在 jQuery 1.9中删除。

下面是一个示例，说明如何实现与插件相同的功能（但可能会暴露与内置版本相同的问题（请参阅文档中的最后一段））。

(function($) {
    $.fn.clickToggle = function(func1, func2) {
        var funcs = [func1, func2];
        this.data('toggleclicked', 0);
        this.click(function() {
            var data = $(this).data();
            var tc = data.toggleclicked;
            $.proxy(funcs[tc], this)();
            data.toggleclicked = (tc + 1) % 2;
        });
        return this;
    };
}(jQuery));

演示

（免责声明：我不是说这是最好的实现！我打赌它可以在性能方面得到改进）

然后调用它：

$('#test').clickToggle(function() {   
    $(this).animate({
        width: "260px"
    }, 1500);
},
function() {
    $(this).animate({
        width: "30px"
    }, 1500);
});

更新 2：

与此同时，我为此创建了一个合适的插件。它接受任意数量的函数并可用于任何事件。它可以在 GitHub 上找到。

演示

.one()文档。

我很晚才回答，但我认为这是最短的代码，可能会有所帮助。

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

带有操作代码的演示

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

微型 jQuery 插件

如果你想要你自己的可链接的clickToggle jQuery 方法，你可以这样做：

jQuery.fn.clickToggle = function(a, b) {
  return this.on("click", function(ev) { [b, a][this.$_io ^= 1].call(this, ev) })
};

// TEST:
$('button').clickToggle(function(ev) {
  $(this).text("B"); 
}, function(ev) {
  $(this).text("A");
});

<button>A</button>
<button>A</button>
<button>A</button>

<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>

简单功能切换器

现场演示

function a(){ console.log('a'); }
function b(){ console.log('b'); }

$("selector").click(function() { 
  return (this.tog = !this.tog) ? a() : b();
});

如果您希望它更短（为什么会这样，对吧？！）您可以使用Bitwise XOR ^*Docs运算符，例如：
DEMO

  return (this.tog^=1) ? a() : b();

就这样。
_{诀窍是为thisObject设置一个boolean属性tog，并使用否定( tog = !tog)切换它
并将所需的函数调用放入条件运算符中 ?:}

在 OP 的示例中（即使有多个元素）可能如下所示：

function a(el){ $(el).animate({width: 260}, 1500); }
function b(el){ $(el).animate({width: 30}, 1500);  }

$("selector").click(function() {
  var el = this;
  return (el.t = !el.t) ? a(el) : b(el);
}); 

另外：您还可以存储-toggle，例如：
DEMO：

$("selector").click(function() {
  $(this).animate({width: (this.tog ^= 1) ? 260 : 30 });
}); 

_{但这并不是 OP 对他的确切要求 looking for a way to have two separate operations / functions}

使用Array.prototype.reverse：

_{注意：这不会存储当前的 Toggle 状态，而只是反转我们在 Array 中的函数位置（它有它的用途......）}

您只需将a,b函数存储在一个数组中，onclick您只需颠倒数组顺序并执行该array[1]函数：

现场演示

function a(){ console.log("a"); }
function b(){ console.log("b"); }
var ab = [a,b];

$("selector").click(function(){
  ab.reverse()[1](); // Reverse and Execute! // >> "a","b","a","b"...
});

一些混搭！

jQuery 演示
JavaScript 演示

创建一个toggleAB()包含两个函数的好函数，将它们放入 Array，然后在数组的末尾，您只需0 // 1根据tog从this 引用传递给函数的属性分别执行函数 [ ] ：

function toggleAB(){
  var el = this; // `this` is the "button" Element Obj reference`
  return [
    function() { console.log("b"); },
    function() { console.log("a"); }
  ][el.tog^=1]();
}

$("selector").click( toggleAB );

如果您需要做的只是切换一个值，我会为您展示的代码做这样的事情：

var oddClick = true;
$("#time").click(function() {
    $(this).animate({
        width: oddClick ? 260 : 30
    },1500);
    oddClick = !oddClick;
});

我用它来创建两个函数之间的切换效果。

var x = false;
$(element).on('click', function(){
 if (!x){
  //function
  x = true;
 }
 else {
  //function
  x = false;
 }
});