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
<script src="https://code.jquery.com/jquery-2.1.4.js"></script> <div class="tlacitko"> ↪ CHCI ZAČÍT HRÁT ↩ </div> <div class="podtlacitkem">Sample Text</div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.tlacitko { position: relative; margin-left: auto; margin-right: auto; background-color: black; height: 25px; width: 320px; text-align: center; top: 50px; color:white; } .tlacitko:active .podtlacitkem { display: block; } .podtlacitkem { background-color: red; position: relative; margin-left: auto; margin-right: auto; display: none; }
CSS
Autoformát
CSS reset
Až na konci
$(document).ready(function() { $('.tlacitko').on('click', function(){ $('.tlacitko').hide(); $('.podtlacitkem').show(); }); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>