самое простое сделать так:
<menu id="foldable">
<li>1</li>
<li>2</li>
<li>3</li>
</menu>
<menu>
<li>1</li>
<li>2</li>
<li>3</li>
</menu>Но это не вариант, ибо нужно свернуть только первые три из шести<menu>
<li class="foldable">1</li>
<li class="foldable">2</li>
<li class="foldable">3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</menu>Но вот как по классу сворачивать отдельные элементы, это вопрос