Реализация скрытия блока через js?

Question

[Андрей Белый]

У меня есть блок div блок с классом "search-icon", но ещё у меня есть корзина, с классом "cnopa_car_g" изначально она скрыта, открывается при нажатии на определенный контейнер. Как мне реализовать чтобы когда корзина открыта блок поиска скрывался или уходил вниз, а когда корзина скрыта возвращался.
Скрин: ibb.co/LgyDj9j

Answer 1

[ma4t]

Повесь на этот "определенный контейнер" еще одно событие по скрытию и отображению блока поиска, Если это jquery то использовать hide() , show(). Раз ты сделал Скрытие/открытие корзины, также сделай на блок поиска, на эту же кнопку. Корзину показываешь, а поиск скрываешь, опять кликаешь, корзину скрываешь, поиск показываешь.
Если нужно именно КАК написать, то нужно видеть код

Comments

[Андрей Белый]

Вот код:
https://codepen.io/AllTmpl/pen/JxPQze

[ma4t]

Андрей Белый,

напишу пример , надо создавать условия

if ($('.cnopa_car_g').is(':hidden')) {
$('.cnopa_car_g').show();
$('.search-icon').hide();
}

else if ($('.cnopa_car_g').is(':visible')) {
$('.cnopa_car_g').hide();
$('.search-icon').show();
}