Ebben a leckében nem csak eltüntetjük a szöveget, hanem alulról felfelé pixelenként, mintha valaki feltekerné
Forráskód:
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
<script>
$("document").ready(function(){
$("#csuszfel").click(function(){
$("#otherteam").slideUp("2000","linear");
});
$("#csuszle").click(function(){
$("#otherteam").slideDown("fast","linear");
});
});
</script>
<style>
</style>
</head>
<body>
<a href="#" id="csuszfel"> Feltekerem</a>|<a href="#" id="csuszle"> Visszatekerem</a>|<a href="#" id="keresztul">Tekerem és alert</a>
<div id="otherteam">
<h1 class="keret"> Hajrá Arsenal!!!</h1>
<h1 class="keret"> Hajrá Vidi!!!</h1>
<h1 class="keret"> Hajrá PAOK!!!</h1>
<h1 class="keret"> Hajrá Wimbledon!!!</h1>
</div>
</body>
</html>
Videó: