Я искал хороший трюк, чтобы сделать Hide/Show содержимое или список только с CSS и без javascript. Мне удалось сделать это:
<!DOCTYPE html>
<head>
<style>
#cont {display: none; }
.show:focus + .hide {display: inline; }
.show:focus + .hide + #cont {display: block;}
</style>
</head>
<body>
<div>
<a href="#show"class="show">[Show]</a>
<a href="#hide"class="hide">/ [Hide]</a>
<div id="cont">Content</div>
</div>
</body>
</html>
Демо здесь: http://jsfiddle.net/6W7XD/ И это работает, но не так, как должно. Вот проблема: Когда содержимое отображается, вы можете скрыть его, нажав "в любом месте страницы". Как отключить это? как скрыть контент "только", нажав кнопку "Скрыть"? Заранее благодарю вас!