konto usunięte
Temat: powiększanie diva
Witam. Mam taka sytuację:mam diva którego rozmiary ograniczam. Tak aby tekst który się w nim znajduje pokazany był tylko w 3 pierwszych linijkach.
chciałbym aby p kliknieciu linka pokaz wiecej powiekszyl sie w sposob plynny do rozmiaru height: auto. czyli do takiej wysokosc w ktorej bedzie widoczny caly tekst.
probowałem tak:
<!DOCTYPE html>
<html>
<head>
<style>
#block1 {
background-color:#bca;
width:200px;
height:1.1em;
text-align:center;
border:2px solid green;
margin:3px;
font-size:14px;
overflow: hidden
}
#parent {
height: 200px;
}
button {
font-size:14px;
}
</style>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
</head>
<body>
<button id="go1">» Animate Block1</button>
<div id="block1">Block1 jenr kjngtekjr ngkejrn enrdk gnerkgn ekrgn ekrgn keng kerngk erngk erngk erngkenrkgenrkgenrk genrkgnerdkg nerkgn ekrgn ekrgn ekrng kerng kerngkerngk enrgkenrgk enrgkenrgkenrk genkg nekrgn erkg nrek ngke ngken gkregnkerngkn kegn kern kernkreng ker</div>
<script>
$( "#go1" ).click(function(){
$( "#block1" ).animate( { height: "auto" }, { queue: false, duration: 1000 });
});
</script>
</body>
</html>
Nie działa to na height: "auto". Reaguje tylko na konkretne liczby. np: 300px