<div class="landing">
<h1>Prepp</h1>
<div class="new-request-block">
<div class="request-bounce">
<textarea placeholder="Введите ссылку на товар" id="request"></textarea>
<div class="taste-request">Минимализм</div>
<div class="taste-request">Кэжуал</div>
<div class="taste-request">Классика</div>
<div class="taste-request">Мода</div>
</div>
</div>
<button class="button-white">Получить преппы</button>
</div><script>
$(function() {
$( ".landing" ).on(".send-feed", "click", function() {
$(".prepp-hidden-block").animate({
height:'toggle'
}, 600).delay(50).queue(function(){
$(".request-bounce").addClass( 'animated bounceIn' );
$(this).dequeue();
});
});
});
</script><script>
$(function() {
$( ".button-white" ).click(function() {
$(".new-request-block").animate({
height:'toggle'
}, 600, 'easeOutBack').delay(50).queue(function(){
$(".request-bounce").addClass( 'animated bounceIn' );
$(this).dequeue();
});
$(".button-white").replaceWith("<button class='send-feed'>Отправить</button>");
});
});
</script>