Egy korábbi videóban már eltüntettünk feliratokat és megjelenítettünk. Itt már a szépségre törekszik az ember, mert már nem egyszerűen eltűnik és megjelenik a felirat, hanem ezt meghatározott sebességgel teszi.
Forráskód:
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
<script>
$("document").ready(function(){
$("#tuno").on("click",function(){
$("#otherteam").fadeIn(3000);
});
$("#eltuno").on("click",function(){
$("#otherteam").fadeOut("slowly");
});
})
</script>
<style>
#otherteam{
display: none;
}
</style>
</head>
<body>
<a href="#" id="tuno"> Latni akarom</a>|<a href="#" id="eltuno"> Rejteni akarom</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ó: