Подскажите, кто уже делал анимацию на jquery как правильно на jquery сделать анимацию , при нажатии на кнопку выезд клавиатуры выезд текстового поля сверху , и клавиатуры справа . При нажатии другой кнопки обратный уезд клавиатуры и и текстового поля.
Вот у меня есть такая разметка :
<style> body, html {
margin: 0 auto;
padding: 0;
text-align: center;
width: 1080px;
heigth: 10920px;
}
.mybutton {
align="center"
}
.mybutton {
width: 40px;
height: 40px;
margin: 2px;
}
.nbsp {
width: 220px;
}
#serch {
margin:60px;
width: 80px;
}
.form-controls {
margin: 100px auto;
padding: 0;
width: 650px;
height: 221px;
background-color: #9E9E9E;
}
.form-control{
height: 20px;
margin-top:40px;
width: 300px;
}
.enter {
width: 70px;
}
.serch_fild_block {
width:100%;
height:200px;
-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.52);
box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.52);
}
</style>
<div class="serch_fild_block">
<input id="phone" type="text" class="form-control" placeholder="Введите слово для поиска" name="phone" required/>
<button id="serch" type="button" class="mybutton" required="">Искать</button>
</div>
Или подскажите пример где такое уже реализовано...