Implementing block hiding via js?

Question

css

I have a div block with the class "search-icon", but I also have a cart, with the class "cnopa_car_g" it is initially hidden, opens when you click on a specific container. How can I implement so that when the basket is open, the search block is hidden or goes down, and when the basket is hidden, it returns.
Screenshot: ibb.co/LgyDj9j

Answer 1

Hang on this "specific container" another event to hide and display the search block, If it's jquery then use hide() , show(). Once you have done Hide / open the basket, also do it on the search block, on the same button. You show the basket, but hide the search, click again, hide the basket, show the search.
If you need exactly HOW to write, then you need to see the code