Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript jQuery Basics Introducing jQuery Animating Elements with jQuery

Aakash Srivastav
seal-mask
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Posted by Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

Animating elements with jQuery

I understood how with jquery we can animate elements.
But I am struggling with the css functionality. How should we set up the "display" property to achieve this effect. I tried but nothing happens.
so please , write the whole code here html , css and js to achieve this effect. I tried 'CHROME DEV TOOL` to understand this , but didn't got this. So please help me.

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

It's not clear what you're attempting to do. But if you show your complete code here, someone may be able to help you with fixing it. Even better, make a snapshot of your workspace and post the link to it here.

Aakash Srivastav
seal-mask
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points
Aakash Srivastav
.a{fill-rule:evenodd;}techdegree
Aakash Srivastav
Full Stack JavaScript Techdegree Student 11,638 Points

I am just asking , for "css" code of this "flashbox" . How it showed on refreshing. What display property has been set in css for "flashbox"?

2 Answers

Raslan Ismail
Raslan Ismail
10,262 Points
Raslan Ismail
Raslan Ismail
10,262 Points

I made this changes : $('#flashMessage').slideDown(1000).delay(2000).slideUp(1000); I deleted jquery hide() methode because its not working well and i changed display to none: display: none; thats mutch better

Steven Parker
Steven Parker
231,261 Points
Steven Parker
Steven Parker
231,261 Points

I don't see a "flashbox", but there's an element with an ID of "flashMessage".

If that's what you mean, you can see the CSS properties for it between lines 83 and 89 of the "style.css" file in the workspace. And one of those properties is "display: block;".

If you want to prevent a "flash" on refresh of a hidden element, you can use "display: none;" instead.