如何进行垂直切换

Question

我是HTML和CSS的新手，但我对JavaScript有所了解。

之前，我使用flat-ui

中的flat-ui以下列方式进行了水平切换

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

我该怎么做？

Answer 1

这样的事情？

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

请参阅链接

中的css和动画

jsfiddle.net/uNFWX/