Слайд div 100% справа налево? CSS-JQUERY

Question

При загрузке страницы мне нужно переместить ширину экрана на 100%. но он не работает:

CSS

#menu{ 
position: fixed; 
z-index: 101; 
top:0; 
color:#fff; 
font-weight:bold; 
font-size: 10px; 
height:50px; 
width:100%; 
min-width:50px; 
background:red; 
} 

Jquery

$(document).ready(function(){ 
    $("#menu").animate({ left: '0'}, 'fast'); 
}); 

что я хочу это DIV, когда страница загружается, начинает появляться на правом углу, пока слева и остаться на вершине с шириной 100% после этого. http://jsfiddle.net/12tx42q4/

спасибо

Answer 1

Вы должны дать ему отправную точку подобные left: 100%: JS Fiddle

left: 0 является отправной точкой по умолчанию, поэтому, не изменяя этого, он не будет отображаться для анимации.

Answer 2

Вы в основном говорят: Когда тело загружается бегунок влево на расстоянии 0 пикселей.

Попробуйте установить количество пикселей он должен путешествовать

Слева: 'Вставка пикселей здесь'

Как это:

$(document).ready(function(){ 
      $("#menu").animate({ left: '100'}, 'slow'); 
    }); 

Answer 3

вы просто должны установить left:100%

http://jsfiddle.net/12tx42q4/5/