滑出菜單不滑出

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; 
}