[Solved] How can I make vertical switch

something like this?

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

See the css and animation in link

jsfiddle.net/uNFWX/