Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Kristofor Giordano
Kristofor Giordano
2,471 Points

Need advice on dynamic website building.

I am pretty new to website building. I had almost no knowledge of html or css before I started watching the treehouse videos. I am now in the process of setting up my site and I have been able to tackle most of the basic challenges: creating divs, placing objects etc. However I haven't able to figure out some of the coding to make it more dynamic. I was hoping someone might have some advice.

I want my page to be behave as follows: When the user arrives at my site there is a thin rectangular div (horizontal) that shows basic information. The concept is a folded up piece of paper you would pull out of an envelope, the top portion containing just the basic information; name, address etc. At the bottom left corner there is a button that says something like (see more). I have been able to make the second page appear by creating a separate page through the link.

However, instead of the lower portion of the page simply 'popping up' I would like it to gradually drop down like a rolling window shade. After that I would like there to be another "see more" button with a same action making the page even larger. Any advice on how this could be achieved?

3 Answers

Mark Flavin
Mark Flavin
10,199 Points

I would recommend completing the following courses to start with.

Become a Web Designer Learning Adventure: http://teamtreehouse.com/learning-adventures/become-a-web-designer

Become a Web Developer Learning Adventure: http://teamtreehouse.com/learning-adventures/become-a-web-developer

That said what you are describing could be accomplished with both CSS and jQuery.

Ricardo Diaz
Ricardo Diaz
30,415 Points

Another great site that can give you working examples of cutting edge stuff like this is Codrops