Question

118

jquery Flashes Div Element Before Executing .hide() and .fadeIn() Methods

rated 0 times [ 124] [ 6] / answers: 1 / hits: 21662 / 13 Years ago, thu, january 26, 2012, 12:00:00

This is my code:

$('.items').html(response).hide().fadeIn();

The problem is that when this loads, the page "jumps" up due to the element being rendered on page first (having a height) before the .hide().fadeIn() is triggered.. is there some other way to do this?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

lucillemariselal

Add To Favorites

Follow

Total Points: 108

Total Questions: 97

Total Answers: 119

Location: Thailand

Member since Thu, May 6, 2021

3 Years ago

answered 13 Years ago sidneyh · Accepted Answer

You could using the opacity instead if you want to keep the dimensions of the element intact:

$('.items').html(response).css({'opacity':0}).animate({'opacity':1});