滑出菜单不滑出

Question

嗨我创建了滑出菜单，但我也有我的菜单，也使用JavaScript和j查询手风琴。

手风琴工作，我用这个“//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js”>

而对于滑出菜单实际滑出我用“//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”

但我似乎无法让事情工作。此时滑块从屏幕的角落而不是侧面出现。有没有办法让这两个工作。

你看到它在 http://teamnews.org/#

<script> 

     /* Slide Out Menu code */ 

     $(function() { 
      var menu = $("#menu"); 
      var clicked = false; 
      $("a.menu-trigger").click(function() { 
       if(clicked){ 
        menu.removeClass("menu-open"); 
        $(".slide-out-menu").removeClass("slide-out-menu-clicked"); 
        console.log('show'); 
        clicked=false; 
       }else{ 
        menu.addClass("menu-open"); 
        $(".slide-out-menu").addClass("slide-out-menu-clicked"); 
        clicked=true; 
       } 
      }); 
     }); 

     jQuery(".container").append("<hr />"); 


     /* Accordion code */ 

      $(function() { 
     $('#only-one [data-accordion]').accordion(); 

     $('#multiple [data-accordion]').accordion({ 
      singleOpen: false 
     }); 

     $('#single[data-accordion]').accordion({ 
      transitionEasing: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)', 
      transitionSpeed: 200 
     }); 
     }); 

     /* $('a.menu-trigger').click(function(){ 
      $('.slide-out-menu').animate({left: '0%'}); 
     });*/ 

    </script> 

Answer 1

的原因是你的上边距是百分比，将其更改为像素，它会保持不变。随着菜单变窄，最高百分比也缩小，并且使菜单项向上移动（并因此使动画向左并向上）

#only-one { 
    margin-top: 150px; 
}