Javascript 创建Jquery滑动菜单

想要创建jquery菜单，就像这个网站上的幻灯片一样，从左到右，点击图标恢复到原来的位置

只能在JSFIDLE上实现这一点

而我想让它滑入并点击按钮/图像滑回原始位置。jquery是新手，所以不要在任何地方获取帮助内容。帮我做这个。 要完全理解，请查看参考网站

试试这把小提琴，我想这就是你想要的

$(function() {
    $('#button').click(function(){
         $(".ul_menu").toggleClass('show');
        if( $(".ul_menu").hasClass('show')){
        $(".ul_menu").show("slide",{direction: 'left'});
        }else{
          $(".ul_menu").hide("slide",{direction: 'left'});
        }
    });
    $('#button').mouseleave(function(){
        if($(".ul_menu").hasClass('show')){
           $(".ul_menu").hide("slide",{direction: 'left'});
        }
    })
});

试试这把小提琴，我想这就是你想要的

$(function() {
    $('#button').click(function(){
         $(".ul_menu").toggleClass('show');
        if( $(".ul_menu").hasClass('show')){
        $(".ul_menu").show("slide",{direction: 'left'});
        }else{
          $(".ul_menu").hide("slide",{direction: 'left'});
        }
    });
    $('#button').mouseleave(function(){
        if($(".ul_menu").hasClass('show')){
           $(".ul_menu").hide("slide",{direction: 'left'});
        }
    })
});

---

几乎是一样的事情，但要滑动runbutton/图像在同一菜单。并且仅在隐藏时显示runbutton/图像。尽可能编辑iff。Thanksu需要一些东西，你可以点击并打开你想要的，你可以把你的编辑按钮放回列表中，并有另一个按钮或链接点击，你可以打开你的菜单，但菜单是回滚鼠标悬停结束。我希望它在那里停留几秒钟，或者直到其他菜单没有悬停。再次感谢您，您可以为您的ul菜单添加鼠标删除功能，因此当您将鼠标从打开的列表中删除时，它将隐藏几乎相同的内容，但希望在与菜单相同的位置滑动runbutton/图像。并且仅在隐藏时显示runbutton/图像。尽可能编辑iff。Thanksu需要一些东西，你可以点击并打开你想要的，你可以把你的编辑按钮放回列表中，并有另一个按钮或链接点击，你可以打开你的菜单，但菜单是回滚鼠标悬停结束。我希望它在那里停留几秒钟，或者直到其他菜单没有悬停。再次感谢您，您可以为您的ul菜单添加鼠标删除功能，所以当您将鼠标从打开的列表中删除时，它将隐藏