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

Question

[RGoldvarg]

Доброго времени суток.
Вопрос из серии "я — только учусь", так что, не ругайте. :)

Есть задача — необходимо внедрить форму поиска, при клике на картинку поиска — выпадает окно с формой. Пример: theme123.net

Подскажите, пожалуйста. Каким образом это можно реализовать? JS, Ajax или же это вообще CSS3? И существуют ли готовые решения подобного типа?

Буду благодарен за советы.

Answer 1

[Trow_eu]

делаете у блока с формой класс hide с display: none или visibility: hidden и при клике по кнопке этот класс убираете через JS / jQ, вот пример кода для jQuery:

$('#search-btn').on('click', function() {
    $('#search-field').toggleClass('hide');
    return false;
});

Comments

[RGoldvarg]

Спасибо за совет! #search-btn — это стандартный id поиска? его нужно изменять?

[RGoldvarg]

И насколько я понимаю, этот скрипт можно подключить с помощью тега script?

[Trow_eu]

@RGoldvarg это просто id тега, я скопировал из своего кода, как раз на днях делал такое.
для скрипта нужно подключить библиотеку jquery, или погуглить решение на чистом js