Contents

<header class="navigation">
  <div class="menu-wrapper">
    <div class="logo">Logo</div>
    <p id="js-mobile-menu">MENU</p>
    <div class="nav">
      <ul id="navigation">
        <li><a href="">Item 1</a></li>
        <li><a href="">Item 2</a></li>
        <li><a href="">Item 3</a></li>
        <li><a href="">Item 4</a></li>
        <li><a href="">Item 5</a></li>
      </ul>
    </div>
    <ul class="nav-button">
      <li><a href="">Nav Button</a></li>
    </ul>
  </div>
</header>



<script>
  $(function() {
    var menu = $('#navigation');
    var menuToggle = $('#js-mobile-menu');

    $(menuToggle).on('click', function(e) {
      e.preventDefault();
      menu.slideToggle(function(){
        if(menu.is(':hidden')) {
          menu.removeAttr('style');
        }
      });
    });
  });
</script>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
refills-0.0.1	source/_navigation.html.erb