Как убрать opacity:0 с элемента после клика на кнопку, а при повторном нажатии на кнопку вернуть прозрачность элементу?

Question

[adgjmptwnoma]

Есть меню с кнопками из svg-иконок FontAwesome. При нажатии нужной кнопки из меню должен появляться div с формой поиска,а при повторном нажатии кнопки div должен снова исчезать. Жду возможных решений, спасибо.

Answer 1

[Александр Борисович]

yandex.ru/yandsearch?text=jquery%20%D1%81%D0%BF%D1...

Comments

[adgjmptwnoma]

Нужного, а главное работающего,простого и изящного решения я не нашёл

Answer 2

[Trow_eu]

Как внедрить выпадающий поиск на WordPress?

Answer 3

[Artuha]

Как-то так?

$(function(){
	$('#button').on('click', function(){
		$('#form').toggleClass('active');
	});
});

.active{
	opacity: 1;
}

Comments

[Artuha]

оу) не прочитал комментарий выше)

[adgjmptwnoma]

так. Но в скрытом div'е форма поиска по сайту. При клике на форму поиска весь div пропадает

[adgjmptwnoma]

нужно чтобы когда #form уже имеет класс active при клике на #button div снова скрывался