Задача для сайта https://my-device.com.ua
Имеется код, который нужно доработать:
---------------------------------------------------
<p></p>
<p><i class="icon-search-1 icon-1x"></i> МЫ В СОЦ.СЕТЯХ <a href="https://www.facebook.com/mydeviceua/" target="_blank"><img src="https://my-device.com.ua/img/cms/facebook.jpg" alt="" width="20" height="20" /></a> <a href="https://www.instagram.com/mydeviceua/" target="_blank"><img src="https://my-device.com.ua/img/cms/insta.jpg" width="24" height="24" /></a></p>
<div id="form-search" style="display: none;">
<div id="search_block_menu"><form id="searchbox_menu" method="get" action="https://my-device.com.ua/search"><input type="hidden" name="controller" value="search" /> <input type="hidden" name="orderby" value="position" /> <input type="hidden" name="orderway" value="desc" /> <input class="search_query form-control" type="text" id="search_query_menu" name="search_query" placeholder="Поиск товаров" value="" /> <button type="submit" name="submit_search" class="button-search"> <i class="icon-search-1 icon-0x"></i> </button>
<div class="hidden more_prod_string">Больше товаров »</div>
</form></div>
</div>
--------------------------------------------------------
Суть доработки
Добавить в код скрипт который по нажатию на иконку http://prntscr.com/ue8bz4 будет выполнять следующий сценарий: если форма поиска закрыта, то вывести ее на экран http://prntscr.com/ue8e48 и наоборот, если форма поиска открыта, то скрыть ее http://prntscr.com/ue8f81
Примечание: для доработки использовать только выделенный контейнер http://prntscr.com/ue8go2
