плавный displya none
 

Ребят нужна помощь

есть код

var scrollTop =  document.documentElement.scrollTop;
     if (scrollTop > 1000)
        {
           $("#hid").stop().css("display","block")
	            $("#hid").animate({'opacity':'0.8'},500);
	            }
	        else
	            {
	            $("#hid").stop()
	            $("#hid").animate({'opacity':'0'},500);
	            }

мне нужно чтоб когда заканчивается анимация в блоке else мы свойству display присваивали значение none. но именно после того как закончиться анимация. не раньше подскажите пожалуйста

sloyi, fadeIn, fadeOut.

Яп сделал при помощи классов css, плавность задал бы transition-ом