PDA

View Full Version : Start with a state of display:none


vayumahesh
04-27-2009, 09:21 PM
I am trying to get Spry Slide Effect to work on an element that is initially hidden using display:none.

I am using :

.hideInitially{
display: none; //If I set it to display:block, spry effect works fine.
}

as recommended here though there is no working example using display:none; only visibility: hidden

http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html (http://labs.adobe.com/technologies/spry/samples/effects/slide_sample.html)

Using initial state of dispay: none it displays NOTHING! onclick. Is this a bug in IE 7 ? It works in Firefox.

Anyone came across this problem. What is the solution to this issue ?

DWcourse
04-27-2009, 10:35 PM
EDITED: I'm probably misinterpreting but I assuming the spry effect resets the visibility from hidden to visible. So unless you edit the javascript to reset dispaly, the object still has the display:none property. Any reason you can't just hide it using visibility: hidden?

vayumahesh
04-27-2009, 10:59 PM
If I use visibility:hidden, the content does not appear but blank space appears as it is in the page flow. If I set display:none, the content is removed from the page flow. I will try your suggestion on editing the file.