title: Change the button's function with jQuery?
body: <p>This might be a silly question but I just can't get it right. I can change the button's function with ordinary JavaScript but not with jQuery. I'm aiming for a very simple text-resize button. This button needs two different functions; one that makes the text bigger and changes the click function to the other function, and this other function makes the text smaller and changes the click function to the first function again. Since the same button will be used for both enlarging and reducing the text sixe, I need this to work.
  I'm working on a school project right now and we have to use only jQuery/jQuery UI for this assignment.</p>
  
  <p>With ordinary JavaScript, it would be something like this:</p>
  
  <pre><code>var button = document.getElementById('click-button');
  button.onclick = firstClick;
  
  function firstClick (){ 
      button.onclick=secondClick;
  }
  
  function secondClick(){ 
      button.onclick=firstClick;
  }
  </code></pre>
  
  <p>How do I achieve the same thing with jQuery?</p>