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

Design

Gabriel Ward
Gabriel Ward
20,222 Points

Creating a search box that slides in when clicking on a link

I'm wanting to create a homepage that has a search button on it. And when the button is clicked a search box slides onto the page from the right. So the direction would be from right to left.

I'm not sure how to go about this exactly. I'm wanting to do it using either a transition or animation keyframe in CSS. Does anyone have any ideas? I'd be really grateful for any help.

jQuery would do the trick!

Check out the last example in this article. Is that what you're looking for?

http://www.learningjquery.com/2009/02/slide-elements-in-different-directions/

1 Answer

Gabriel Ward
Gabriel Ward
20,222 Points

SOrry about the late reply Tim. Yes is the answer I've been looking for. Thanks so much. I'm not up to jquery but I will be soon. Thanks!