如何從右側滑出div？

Question

我不確定從哪裏開始。有人能指引我朝着正確的方向嗎？不尋找代碼，只是指導。

點擊鏈接時，我想要一個面板（屏幕高度）從右側滑出到窗口的大約50％。

我該如何做到這樣？

如果我只是滑動，它會上升/下降。但不知道如何從瀏覽器的右側出來？

Answer 1

你想在元素寬度上使用jQuery的動畫函數。

<div id="mydiv" style="width:0%;"></div> 

點擊時：

$('#mydiv').animate({'width':'50%'}); 

你可能會得到使用一些定位和動畫元素的「左」屬性更好的成績，但animate()是你所需要的。

Answer 2

這是我用來向右滑動div並刪除它的東西。您可能想要刪除刪除。

$('#'+val).hide('slide', {direction: 'right'}, 500, function() { 
      $('#'+val).remove(); 
     });