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:
<http://december.com/html/4/element/html.html> <http://december.com/html/4/element/head.html> <http://december.com/html/4/element/script.html src="http://code.jquery.com/jquery-2.1.1.min.js"></http://december.com/html/4/element/script.html> <http://december.com/html/4/element/script.html type="text/javascript"> function menu(){ $.get("search.php").done(function( data ) { $("#menuPlace").html(data); }); } </http://december.com/html/4/element/script.html> <http://december.com/html/4/element/style.html> .search{ color:red; animation: moveSearch 15s; } @keyframes moveSearch { from { min-height: 0px; max-height: 0px; overflow-hidden; } to { height: 50px; } } </http://december.com/html/4/element/style.html> </http://december.com/html/4/element/head.html> <http://december.com/html/4/element/body.html> <http://december.com/html/4/element/div.html id ="menuPlace">Place</http://december.com/html/4/element/div.html> <http://december.com/html/4/element/button.html class='button buttonPanel' onclick='menu()'>Menu</http://december.com/html/4/element/button.html> </http://december.com/html/4/element/body.html> </http://december.com/html/4/element/html.html>
<http://december.com/html/4/element/div.html class = "search"> miejscowość: <http://december.com/html/4/element/input.html type = "text" name ="city" id = "city"/></http://december.com/html/4/element/br.html> cena od: <http://december.com/html/4/element/input.html type = "text" name ="pricefrom" id = "pricefrom"/></http://december.com/html/4/element/br.html> cena do: <http://december.com/html/4/element/input.html type = "text" name ="priceto" id = "priceto"/></http://december.com/html/4/element/br.html> <http://december.com/html/4/element/button.html class='button buttonFind' onclick='find()'>Szukaj</http://december.com/html/4/element/button.html> <http://december.com/html/4/element/div.html id ="wyniki"> </http://december.com/html/4/element/div.html> </http://december.com/html/4/element/div.html>
Sprawdzasz swój kod przed umieszczeniem na forum?
Nie ma właściwości overflow-hidden, jest overflow i nie jest animowalna.
Albo animujesz height, albo max-height.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)