Usiłuję napisać skrypt, "wyskakujące menu" tylko, że chodzi mi o to, by menu rozwijało się powoli a nie "wyskakiwało natychmiast".
Skrypt:
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <script type="text/javascript"> function menu(){
$.get("search.php").done(function( data ) {
$("#menuPlace").html(data);
});
}
.search{
color:red;
animation: moveSearch 15s;
}
@keyframes moveSearch {
from {
min-height: 0px;
max-height: 0px;
overflow-hidden;
}
to {
height: 50px;
}
}
<div id ="menuPlace">Place
</div> <button class='button buttonPanel' onclick='menu()'>Menu
</button>
Plik search.php
miejscowość:
<input type = "text" name ="city" id = "city"/></br>cena od:
<input type = "text" name ="pricefrom" id = "pricefrom"/></br>cena do:
<input type = "text" name ="priceto" id = "priceto"/></br> <button class='button buttonFind' onclick='find()'>Szukaj
</button>
Funkcja menu uruchamia się natychmiast, nie trwa te 15 sekund.
Jakaś podpowiedź?