Drukowana wersja tematu

Napisany przez: frankiejojo 11.05.2019, 15:02:33

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:

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

Plik search.php

[HTML] pobierz, plaintext 
<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>
[HTML] pobierz, plaintext 

Funkcja menu uruchamia się natychmiast, nie trwa te 15 sekund.
Jakaś podpowiedź?

Napisany przez: trueblue 11.05.2019, 15:28:40

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.