創建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

試試這個小提琴，我覺得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'}); 
     } 
    }) 
});