Merge pull request nolimits4web#2939 from kireerik/Slideable-Navigati…

…on-Drawer-Demo-improvement Improve the Slideable Navigation Drawer Demo
XieXiRong · Jan 29, 2019 · cf92687 · cf92687
2 parents c6f9269 + 202a828
commit cf92687
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/demos/430-slideable-menu.html b/demos/430-slideable-menu.html
@@ -160,29 +160,30 @@
 	<!-- Initialize Swiper -->
 	<script>
     var menuButton = document.querySelector('.menu-button');
+    var openMenu = function () {
+      swiper.slidePrev();
+    };
     var swiper = new Swiper('.swiper-container', {
       slidesPerView: 'auto',
       initialSlide: 1,
       resistanceRatio: 0,
       slideToClickedSlide: true,
       on: {
-        init: function () {
-          var slider = this;
-          menuButton.addEventListener('click', function () {
-            if (slider.activeIndex === 0) {
-              slider.slideNext();
-            } else {
-              slider.slidePrev();
-            }
-          }, true);
-        },
-        slideChange: function () {
+        slideChangeTransitionStart: function () {
           var slider = this;
           if (slider.activeIndex === 0) {
             menuButton.classList.add('cross');
+            // required because of slideToClickedSlide
+            menuButton.removeEventListener('click', openMenu, true);
           } else {
             menuButton.classList.remove('cross');
           }
+        }
+        , slideChangeTransitionEnd: function () {
+          var slider = this;
+          if (slider.activeIndex === 1) {
+            menuButton.addEventListener('click', openMenu, true);
+          }
         },
       }
     });