Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.
<div class="wrapper-simple" role="search" method="get" id="searchform" action="' . home_url( '/' ) . '"> <br> <input type="text" placeholder="Поиск по сайту..."><br> <input type="submit" value=""><br> <i class="fa fa-search" aria-hidden="true"></i><br><br> </div><br>
$('.wrapper-simple input[type=submit]').toggle(function(){<br><br> $('.wrapper-simple').animate({'width':'1125px'})<br> .end().find('.wrapper-simple input[type=text]').animate({'width': '100%', 'right':'96.3%', 'height':'35px'})<br> .end().find('.wrapper-simple i').animate({'marginLeft': '-100%'})<br> .end().find(this).animate({'marginLeft':'-95%'}).attr('value', 'X');<br><br> }, function() {<br><br> $('.wrapper-simple').animate({'width':'60px'})<br> .end().find('.wrapper-simple input[type=text]').animate({'width': '1px', 'right':'1em', 'height':'0px'})<br> .end().find('.wrapper-simple i').animate({'marginLeft': '-45px'})<br> .end().find(this).animate({'marginLeft':'0'}).attr('value', '');<br><br> return false;<br> });
Поможем улучшить ваш сайт.
насколько помню для отслеживания нажатых кнопок - надо подцепать специальную библиотеку