Как сделать такую форму поиска?

Question

[Michael Tsaruk]

При нажатии на кнопку поиска должна выехать форма и пропасть кнопки соц сетей. Заранее благодарён!

Answer 1

[Артем Чернявский]

Вот посмотри: frontend.aliterax.com/newton/card.html

Comments

[Michael Tsaruk]

спасибо большое!

[Артем Чернявский]

Рад помочь

Answer 2

[Александр Nameless08]

Например на этом сайте https://detstomklinika1.ru/ сделано так:

$('#triggerSearch').click(function(){
		if($('#searchHeader').hasClass('form_search-header-show')){
			$('#searchHeader').fadeOut('300').removeClass('form_search-header-show');
		}else {
			$('#searchHeader').fadeIn('300').addClass('form_search-header-show');
		}
	});

Answer 3

[Максим Тимофеев]

Взять jquery, написать. Поле поиска по клику меняет свою ширину, а для кнопок соцсетей просто hide();