切換div向左/向右移動

這是我在這個網站上的第一個問題！ :) 我正在爲一家餐廳的網站工作。問題是我的代碼的以下部分出現故障。當點擊按鈕時，#menu向右擴展並在width = 225px之後停止。但是當我再次點擊相同的按鈕時，#menu合同（寬度= 50）並再次展開（寬度= 225）！請幫忙！切換div向左/向右移動

$("#menu").toggle(

    function(){ 
      $("#menu").animate({width:225},"slow"); 
    }, 
    function(){ 
      $("#menu").animate({width:50},"slow"); 
    }); 
     }); 
});

<!--following is the code for menu--> 
<div id="menu" style="position:absolute; width:50; 

opacity:.4; height:75%; background-color:#000000; left:80%; top:20%;"> 
<button>Cart</button> 
</div>

來源

2011-01-23 Rahul Desai

你想做什麼就做什麼？不幸的是，我們並不介意讀者。 – coreyward 2011-01-23 01:04:28

問候！您可能想通過單擊「{}」圖標來使用代碼示例，以便首先格式化代碼。 – limc 2011-01-23 01:05:08

我認爲jQuery是有麻煩的整數使用字符串PX它

$('#menu').toggle('click', function(){ 
    $(this).animate({width:'225px'},500); 
},function(){ 
    $(this).animate({width:'50px'},500); 
});

來源

2011-01-23 01:20:51

切換div向左/向右移動

回答

相關問題