javascript - 创建 Jquery 滑动菜单

Question

想要像本网站那样创建 jquery 菜单，从左侧滑动，当点击图标时恢复到其原始位置。

http://wittlingerorthodontics.com/default2.asp

只能在 jsFiddle 上实现

http://jsfiddle.net/messi1987/tfASa/

$(function() {
// run the currently selected effect
function runEffect() {
// get effect type from
var selectedEffect = "slide";

// most effect types need no options passed by default
var options = {};
// run the effect
$( "#effect" ).effect( selectedEffect, options, 1000 );
};

// set effect from select menu value
$( "#button" ).click(function() {
runEffect();
return false;
});
});

而我想让它滑入并单击按钮/图像滑回原始位置。 jquery 的新手，所以不要在任何地方获得帮助内容。帮我做这件事。如需完整理解，请查看引用网站。

Answer 1

试试这个 fiddle ，我想 this是你想要的

$(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'});
        }
    })
});