JQuery egyik nagy ereje, hogy a lap letöltése nélkül tudja változtatni mi látszódjon és mi nem? Egy nagyon egyszerű módszer segítségével bárki kipróbálhatja
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
<script>
$("document").ready(function(){
$("#mutato").on("click", function(){
$("#otherteam").show();
});
$("#rejto").on("click", function(){
$("#otherteam").hide();
});
})
</script>
<style>
#otherteam{
border: 1px solid black;
display: none;
}
</style>
</head>
<body>
<a href="#" id="mutato"> Latni akarom</a>|<a href="#" id="rejto"> Rejteni akarom</a>
<div id="otherteam">
<h1> Hajrá Arsenal!!!</h1>
<h1> Hajrá Vidi!!!</h1>
<h1> Hajrá PAOK!!!</h1>
<h1> Hajrá Wimbledon!!!</h1>
</div>
</body>
</html>
Videó