Помогите разобраться...

[AlexeyNN 1]

Есть на сайте http://gonlp.ru/test/ панелька с меню. "Прилеплена" к верхней границе. Должна работать так: при открытии страницы невидна, при скроллинге вниз - появляется, при поднятии наверх страницы - снова исчезает. Сейчас при открытии страницы - видна, все остальное работает. Как бы исправить, чтобы была прозрачной при открытии страницы?

Код такой:

"

<script type="text/javascript">

$(function() {

$(window).scroll(function(){

var scrollTop = $(window).scrollTop();

if(scrollTop != 0)

$('#nav').stop().animate({'opacity':'1'},400);

else

$('#nav').stop().animate({'opacity':'0'},400);

});

$('#nav').hover(

function (e) {

var scrollTop = $(window).scrollTop();

if(scrollTop != 0){

$('#nav').stop().animate({'opacity':'1'},400); /*при наведении */

}

},

function (e) {

var scrollTop = $(window).scrollTop();

if(scrollTop != 0){

$('#nav').stop().animate({'opacity':'0.3'},400);

}

}

);

});

</script>

"

Заранее благодарю.

Изменено 15 марта 2012 пользователем AlexeyNN

[WWW.ZEOS.IN 1161]

Добавьте: #nav { opacity: 0; }

[AlexeyNN 1]

Добавьте: #nav { opacity: 0; }

Спасибо. Помогло )))