Вкладки без javascript

Моя задача

Сделать вкладки в описании товара без javascript

Описание * Характеристики * Документация

Вот мой код

<style>

ul, div {margin-bottom: 10px;}

.asd {display: none;}

.asd:target {display: block;}

<!--#description{display: block;}-->

</style>

<ul>

<li><a href="#description">Блок 1</a></li>

<li><a href="#parameter">Блок 2</a></li>

<li><a href="#document">Блок 3</a></li>

</ul>

<div id="description" class='asd'>blok1</div>

<div id="parameter" class='asd'>blok2</div>

<div id="document" class='asd'>blok3</div>

Всё работает, но я хочу, чтобы по умолчанию была открыта первая вкладка #description

А при переходе на другие вкладки, первая скрывалась.

Если рас комментировать строку, то первая вкладка будет постоянна открыта.

Подскажите мне, как решить эту задачку.

Хочется код минимизировать до безобразия :)