JQuery accordion animation (as well as simple hides / shows) looks weird with some browsers (IE, Opera). But Fire Fox and Chrome renders 开发者_运维百科animation perfectly without artifacts. Html layout tends to shake with IE / Opera during animation as if surrounding paddings / margins are changed for small random value.
How can I minimize this effect. Is it jquery bug or browsers issue?
Only thing I can think of is the difference between MSIE and Gecko / Webkit is that "empty" or hidden divs take up space (in MSIE I think). That's led to me having 'shaking' effects before.
For example, I had a div at the top of my page, absolutely positioned and to be 'unhidden' when the user rolled-over an image. When the user rolled over, the page 'jumped' because the supposedly hidden div, moved. Only happened in IE.
精彩评论