Javascript 我怎样做垂直开关

我不熟悉HTML和CSS，但我对JavaScript有一个想法

之前，我使用来自的平面ui以以下方式进行了水平切换

现在我想用以下方式实现垂直切换

我怎么做呢？

像这样的东西

    <ul class="body">
    <li >
        <a>switch #1</a>
    </li>
    <li class="active">
        <a>switch #2</a>
    </li>
</ul>

请参见链接中的css和动画

---

在这里给出你已经尝试过的代码。同样，我坚持做水平折叠。BootStrap 3.0不支持水平折叠。你能给我一些建议吗。