Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> </head> <body> <button id="hide">Hide</button> <!-- Vyditelný jen při neschovaném textu --> <button id="show">Show</button> <!-- Vyditelný jen při schovaném textu --> <div id="r">zde je text</div> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function(){ $("#hide").click(function(){ $("#r").hide(1000); }); $("#show").click(function(){ $("#r").show(1000); }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>