La pseudo-classe :target

Code CSS

ul li            { display:block; float:left; padding:5px; }
ul li div        { display:none; } 
ul li div:target { display:block; }

Code html

<ul>
        <li><a href="#test1">Ouvrir 1</a>
          <div id="test1">Test 1 </div>
        </li>
        <li><a href="#test2">Ouvrir 2</a>
          <div id="test2">Test 2 </div>
        </li>
        <li><a href="#test3">Ouvrir 3</a>
          <div id="test3">Test 3 </div>
    </ul>