jQuery Dropdown Search Panel

Friday, May 15, 2009 10:17
Posted in category Jquery

Preparation

Things you will need to make this search panel:

  • Download jQuery v1.3 so we can animate things.
  • Images for the background of your search box and the toggle button.

In this case we will be using a CSS Sprite for our toggle button. It is good practice to use CSS sprites when making buttons that use images as it helps improve your site performance.

Conclusion

So there we have our jQuery Dropdown Search Panel. Feel free to use this code wherever you want in your projects. I hope you can see how some relatively simple jQuery and CSS can produce some cool results and add that extra punch to your websites. If you have any comments or constructive criticisms please let me hear them in the comments below.

View Demo | Download Source

Be Sociable, Share!
Father's Day Promo $40 OFF on ANY orrder
You can leave a response, or trackback from your own site.

Leave a Reply