help with jquery

[CyberShot]

I made content. I wrote jquery code to slide my container down to show the content in the container. but the words show in the container before it gets done sliding. How do I fix this. I am trying display none in the css right now and the setting it to visible in the jquery like this

 

$("#aboutContainer").css("display","visible");

 

but it's not working

[rajivgonsalves]

$("#aboutContainer").show()

[CyberShot]

yea, that made it show, but the same problem, the content shows before the slide is finished

 

http://creativeeventsdesign.com/vCard/

 

click the about link

[rajivgonsalves]

that only means you embedded the code at the wrong place you will have to embed it where the slide show ends

[CyberShot]

i don't understand what you mean. The code is in a container, the jquery hides that container and then shows it.

[rajivgonsalves]

your code should be something like

 

.sildeDown('slow', function(){ $("#aboutContainer").show();});

[CyberShot]

that isn't working for me. I will keep playing with what you posted. Thanks.

[rajivgonsalves]

I looked into your code change the aboutContainer position to relative rather than absolute in your css then you can use this code 

 

$("#headerBottom p:eq(4)").hide();

$("#content span").hide();

$("#content span:eq(1)").slideDown();

$("#headerBottom p").hide();

$("#headerBottom p:eq(0)").show();

 

[CyberShot]

it looks like it worked. Thanks, that saved me about 8 hours worth of work. I kow it would have taken me all day to figure that out. Now, can you exlplain why changing it to relative over absolute did the trick?

[rajivgonsalves]

Not too sure about that , I think it is because absolute will make it a child of body rather than the div its inclosed in, not sure of that though it was just a hunch