title: Mouseenter only fires on first mouseenter attempt
body: <p>I'm trying to slide each <code>ul &gt; li</code> down when hovering over it's parent <code>li</code> and then slide it back up on the <code>mouseleave</code> event</p>
  
  <p>The code works great on the first <code>mouseenter</code> and <code>mouseleave</code>. But when I hover my mouse back over a <code>panel</code> that has already fired once, the <code>mouseenter</code> function doesn't fire a second time  I'm know I'm close but not sure where I went wrong</p>
  
  <p>Fiddle away here:
  <a href="http://jsfiddle.net/k2b5a62j/1/" rel="nofollow noreferrer">http://jsfiddle.net/k2b5a62j/1/</a></p>
  
  <p>I've tried the fiddle with <code>hover</code> as well with no luck</p>
  
  <p>**I've updated the fiddle a bit for simplicity</p>