用 jQuery 改变按钮的功能？

这可能是一个愚蠢的问题，但我就是无法正确回答。我可以使用普通 JavaScript 更改按钮的功能，但不能使用 jQuery。我的目标是一个非常简单的文本调整大小按钮。这个按钮需要两个不同的功能；一个使文本变大并将单击功能更改为另一个功能，另一个函数使文本变小并将单击功能再次更改为第一个功能。由于同一个按钮将用于放大和缩小文本，因此我需要它才能工作。 我现在正在做一个学校项目，我们只能使用 jQuery/jQuery UI 来完成这项作业。

对于普通的 JavaScript，它会是这样的：

var button = document.getElementById('click-button');
button.onclick = firstClick;

function firstClick (){ 
    button.onclick=secondClick;
}

function secondClick(){ 
    button.onclick=firstClick;
}

我如何使用 jQuery 实现同样的效果？

像下面的代码这样的东西就可以工作。

$("#click-button").on('click', firstClick)

function firstClick() {
    alert("First Clicked");
    $("#click-button").off('click').on('click', secondClick)
}

function secondClick() {
    alert("Second Clicked");
    $("#click-button").off('click').on('click', firstClick)
}

工作示例在这里：http://jsfiddle.net/K3Xk4/ http://jsfiddle.net/K3Xk4/