Как оживить ширину div медленно с jquery

Question

У меня есть навигация, вложенная в div, которая находится вне экрана влево, и когда пользователь прокручивает страницу и достигает пикселя 296, левая навигация медленно появляется по ее ширине, право.

У меня сейчас половина работы. Навигация, вложенная в div, появляется, когда пользователь прокручивает страницу вниз, но я хочу, чтобы она медленно двигалась вправо, а это не происходит. Не уверен, что я делаю неправильно. Специфическая линия у меня возникли проблемы с является:

$("#slidebottom").animate({ width: "100" }, 'slow'); 

Но вот весь мой код:

$(window).scroll(function(){ 

    var wintop = $(window).scrollTop(), docheight = $(document).height(), 
    winheight = $(window).height(); 

    var bottomHeight = $("#slidebottom").height(); 
    var zeroheight = 0; 

    if  (wintop > 296) { 
    bottomHeight = $('#slidebottom').height(docheight); 
    $("#slidebottom").animate({ width: "100" }, 'slow'); 

    } 

    if(wintop < 296) 
    { 
    bottomHeight = $('#slidebottom').height(zeroheight);  
    //$("#slidebottom").animate({ width: "0" }, 'slow'); 
    } 
}); 

Answer 1

В jQuery docs шоу Интс, а не строки, как аргументы ширина:

$("#slidebottom").animate({ width: 100 }, 'slow'); 

Редактировать: Я ошибался, это не проблема; он также обрабатывает строки.

Answer 2

Попробуйте следующее, может быть?

$("#slidebottom").animate({ width: '100px' }, 'slow'); 

У меня такое чувство, что устройство важно для этого, поскольку 100 может означать что угодно. Не очень конкретный. И вы можете определить это как строку просто отлично. Фактически, в примере, который они приводят для .animate, он определен как строка.