Chowanie się div'a


Trochę nieudana opcja chowania się div'a ale może się komuś przyda.

<html>
<head>
<style>
.show {display: none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.hide:focus ~ #list { display:none; }
@media print { .hide, .show { display: none; } }
</style>
</head>
<body>
<a href="#" class="hide">[ukryj]</a>
<a href="#" class="show">[pokaż]</a>
<ol id="list">
<li>numer 1</li>
<li>numer 2</li>
<li>numer 3</li>
</ol>
</body>
</html>

Sprawdź demo


div pokaz ukryj myszka najechanie pokazuje




Napisz komentarz


Wprowadź kod obrazka
Capcha