Vishal_N

You mean accordion 

Kindly refer below link

https://jqueryui.com/accordion/#collapsible

Like This https://codepen.io/vishalneswankar/pen/PoPpGgo

14 hours ago, Dan808 said:

 

Thanks, just like this, but with the fade happening when the user enters/exits the search box (not when the button is pressed)

https://codepen.io/vishalneswankar/pen/jObqGxO

Ok with input focus kindly check same url

3 hours ago, Ingolme said:

The request was that the page fades out when the user focuses the search bar but the search bar remains visible. Your code just covers the whole page with black when the user clicks a button.

Fixed

Like This way 

https://codepen.io/vishalneswankar/pen/jObqGxO

U can used bootstrap if don't have much CSS knowledge . Check below link

https://getbootstrap.com/docs/4.0/components/navbar/