DEV Community

Cover image for Expanding Search Bar using HTML CSS JQuery
CodingFlicks
CodingFlicks

Posted on

1 1

Expanding Search Bar using HTML CSS JQuery

Hello Friends, Today, I share a project on expanding search bar animation using HTML, CSS, and jquery. The search box is one of the standard features of any website nowadays. search bars perform as the gateway of the contents available on your webpage. Using this, the user-friendliness of the website increases. Today we are making a search box animation where if a user clicks on the search icon, the search box will expand but closes again when we click on the same icon.Download the Code

Top comments (3)

Collapse
 
gotheer profile image
gotheer •

Oh! who's using jQuery nowadays. This is 2020😱

Collapse
 
mohsincode profile image
Mohsin •

I also use jQuery for DOMs. What do you use?

Collapse
 
gotheer profile image
gotheer •

Native APIs

Billboard image

Deploy and scale your apps on AWS and GCP with a world class developer experience

Coherence makes it easy to set up and maintain cloud infrastructure. Harness the extensibility, compliance and cost efficiency of the cloud.

Learn more

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay