title: Keep another div displayed block when I mouse over button but then close block element if I were to roll over it
body: <p>Any ideas would be great on how to tackle this one. Essentially it the same idea as a submenu. </p>
  
  <pre><code> $(".button").on({
      mouseenter: function (e) {
         //display my other div as a block element and fade it in
      },
      mouseleave: function () {
   //if my mouse leaves that block element then fade it out.
   }
  });
  </code></pre>