Tamamdır şimdi bulduğum iyi..

Linkleri ekle ;

kullanım ;

<label for="trigger">Click me!</label>
<input type="checkbox" id="trigger" name="trigger"/>
<ul>
    <li><a href="">Link 1</a></li>
    <li><a href="">Link 2</a></li>
    <li><a href="">Link 3</a></li>
</ul>

css

ul {
    list-style-type: none;
    padding: 0;
    width: 200px;
    border: 1px solid red;
    display: none;
}

input[name=trigger] {
    display: none;
}

ul li a {
    display: block;
}

label {
    cursor: pointer;
}
input[name="trigger"]:checked + ul {
    display: block;
}

Olay şu ;

Click me! yazısını tıklayınca aşağıya doğru linkler açılıyor ve okuyucu istediği linke tıklayarak o sayfaya gidiyor.

Demo : http://jsfiddle.net/qrQR8/1/
Tablo içinde Click me! yazısına tıkla