title: if statement hover event with 2 click handlers
body: <p>I'm trying write a script that detects whether a div is visible or not which will determine if the <strong>hover</strong> event triggers or not.</p>
  
  <p>If the id "contact" is hidden then hovering over a menu item will change a block's color.
  Then if you click another menu item to show id "contact" then the hover should not work.  Clicking yet another menu item to hide the id "contact" will then allow the hover to work again.</p>
  
  <p>This is as far as I have gotten with jsFiddle: <a href="http://jsfiddle.net/YktAZ/123/" rel="nofollow">http://jsfiddle.net/YktAZ/123/</a></p>
  
  <p>I'm not even sure I need the "else" but that is the only way I have "tricked" the hover into "not working" or not showing a change. I really just need the if to allow it to work and then not trigger the hover if the condition is not met.</p>