title: CSS Menu on hover selector
body: <p>I am very close. How can I have MENU 1 on my <code>.</code><a href="https://jsfiddle.net/king2525/64nmpjyh/" rel="nofollow" title="fiddle">fiddle</a> display as the default menu option then change when MENU 2 on hover?</p>
  
  <p>Thank you in advance. Keep coding! :) </p>