<link rel="stylesheet" href="SlidingMenu.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="SlidingMenu.js"></script>
<script>
    $(window).on('load', function() {
    
      var $menu = $('.menu-example-id-1');
      var $items = $menu.find('.menu-example__item');
      new SlidingMenu({
        'menu': $menu,
        'items': $items,
      });
    
    })
</script>

<script>
$(window).on('load', function() {

  var $menu = $('.menu-example-id-1');
  var $items = $menu.find('.menu-example__item');
  new SlidingMenu({
    'menu': $menu,
    'items': $items,
  },
  {
    'over': over,
    'leave': leave
  });

  function over(current, data) {
    console.log('hover menu items')
  }

  function leave(current, data) {
    console.log('leave menu')
  }

});
</script>