jQueryでタブをマウスオーバー した際に表示画面を切り替える - Qiita

はじめに 今回はjQueryを使って、tabをマウスオーバーした際にページリロードを行わずに表示を切り替える方法を記述していきます。 完成イメージ 環境 MacOS 10.15.7 ruby 2.6.5 Ruby on Rails 6.0.0 jquery 3.4.1 前提条件 jQueryが導入済みであること。 それでは作業していきます！ ①show.html.erbとcssを作成する。 まずはhtmlから作成します。今回はshow.html.erbというファイルに記述します。 <div class="container"> <%# tab部分 %> <ul class='user-nav-bar'> <li> <a href="#" id="top", class='user-nav active'> TOP </a> </li> <li> <a href="#" id="post",