ナビゲーションメニューの表示/非表示

<div id="open-button" class="open-button"><span></span></div>
<nav>
  <div id="close-button" class="close-button">x</div>
  <ul>
   <li><a href="about.html">会社概要</a></li>
   <li><a href="service_dhw_dash.html">サービス</a></li>
   <li><a href="news.html">ニュースリリース</a></li>
   <li><a href="inquiry.html">お問い合わせ</a></li>
 </ul>
</nav>
$('.close-button, .open-button').on("click", function () {
   $('.header nav').slideToggle();
});

コメント

タイトルとURLをコピーしました