Spis treści + Accordion

/**** Widoczna kolumna ****/
<a class="roz" href="###">Prolog</a>
<a class="roz" href="###">Rozdział 1</a>
<a class="roz" href="###">Rozdział 2</a>
<a class="roz" href="###">Rozdział 3</a>
<a class="roz" href="###">Rozdział 4</a>
<a class="roz" href="###">Rozdział 5</a>
<a class="roz" href="###">Rozdział 6</a>
<a class="roz" href="###">Rozdział 7</a>
/* Wyżej możesz dać linki albo jakiś tekst, jest to bez różnicy. Ważniejsze jest to co niżej :P */
<section class="wiecej" style="margin-top: 2px;">
<div>
<input id="wiecej1" name="accordion-1" type="checkbox" />
<label for="wiecej1">pokaż więcej</label> /* to koniecznie trzeba zostawić */
<article class="wiecej1">
/* SCHOWANA KOLUMNA
Tutaj możesz też zmieniać zawartość. Linki, tekst, więcej linków. Bez różnicy :> */
<a class="roz" href="###">Rozdział 8</a>
<a class="roz" href="###">Rozdział 9</a>
<a class="roz" href="###">Rozdział 10</a>
<a class="roz" href="###">Rozdział 11</a>
/* Koniec schowanej kolumny */
</article></div>
</section>