Мы искали хороший трюк, чтобы сделать Скрыть / Показать контент или список только с CSS и без JavaScript. Я'нам удалось сделать это действие:

   
      #cont {display: none; }
      .show:focus + .hide {display: inline; }
      .show:focus + .hide + #cont {display: block;}
   




   
        <a href="#show" class="show">[Show]</a>
        <a href="#hide" class="hide">/ [Hide]</a>
        Content
   

Демо здесь:http://jsfiddle.net/6W7XD/ И это'работает, но не так, как должно. Вот проблема: когда контент отображается, вы можете скрыть его, нажав «в любом месте на странице ", Как это отключить? как скрыть контенттолько" нажав скрыть? Заранее спасибо!