Spry

Change the orientation of tabbed panels

By default, tabbed panels appear horizontally, but you can easily create vertical tabbed panels as well.

 To change from a horizontal to a vertical Tabbed Panel widget, change the class on the main container div tag from TabbedPanels to VTabbedPanels, as follows: 
<div class="VTabbedPanels" id="TabbedPanels1">
	<ul class="TabbedPanelsTabGroup">
		<li class="TabbedPanelsTab">Tab 1</li> 
		<li class="TabbedPanelsTab">Tab 2</li>
. . .
</div>