【jQUery】 jQuery ドロップダウンメニュー 表示 マウスホバー時

##【ゴール】
下のような、マウスがホバーした際に表示されるボタンを作成

##【メリット】
■　UXの向上
■　jQUey理解度向上

##【開発環境】
■ Mac OS catalina
■ Ruby on Rails (5.2.4.2)
■ Virtual Box:6.1
■ Vagrant: 2.2.7

##【実装】

####html
＊「id="open_menu"」を付与
＊「id="menu"」を付与,「style="display: none;"」で非表示に

hoge.html.erb

<div id="open_menu">
  <h2>logolog</h2><br>
  <div id="menu" style="display: none;">
    <%= link_to "logologとは", homes_about_path, class:'btn btn-primary' %>
    <%= link_to "会員登録", new_user_session_path, class:'btn btn-primary' %>
    <%= link_to "お問い合わせ", homes_inquiry_path, class:'btn btn-primary' %>
  </div>
</div>

####js
＊（#open_menu）がhoverしたときに発火
＊「fadeToggle」は隠れたり、現れたりするメソッド

hoge.js

$(function () {
  $('#open_menu').hover(function () {
    $('#menu').fadeToggle();
  });
});

以上

##【合わせて読みたい】

■ 【jQuery】初心者でもよく理解できたやつ
https://qiita.com/tanaka-yu3/items/a03734b248c3f2ee8461

■ 【jQuery】　scroll スクロールすると浮き上がってくるやつ　はじめました。
https://qiita.com/tanaka-yu3/items/9a66c4c0e058291694dd

■ 【jpostal】　jQuery　住所自動入力　rails おそらく一番簡単な方法で
https://qiita.com/tanaka-yu3/items/e5403e717e3ee3c3f64e