title: binding and unbinding function
body: <p>1) When <code>#pin_point</code> is on hover, I set two absolute positioned images to fadeToggle so that it changes with fade effect:</p>
  
  
  
  <pre><code>$("#pin_point").hover(function  hoverhandler() {
      $("#pin_point img").fadeToggle('medium');
  });
  </code></pre>
  
  <p>2) When <code>#pin_point</code> is clicked, I set pin_point <code>img</code> to swap to "ex.png":</p>
  
  <pre><code>$("#pin_point").click(function() {
      $("#pin_point img").attr('src','images/ex.png');
  });
  </code></pre>
  
  <p>3) When <code>#pin_point</code> is clicked I also unbind the hover function in #1(above).</p>
  
  <p><em>Question</em>: If I want to bind the function when #pin_point is clicked again,
  what should I do? below is the code I have, and I'm having a hard time figuring out. 
  can anyone help?</p>
  
  <pre><code>$("#pin_point").click(function() {
      $('#pin_point').unbind('hover', hoverhandler);
      $("#pin_point img").attr('src','images/ex.png');
      $('#pin_point').bind('hover', hoverhandler);
  });
  </code></pre>