JS переключение TAB

Подскажите, как написать скрипт для переключения табов?

<div class="row">

<div class="five columns">

	<dl class="vertical tabs">

	<dd class="active">

		<a href="index.html#tab-v-crum-1"><i class="icon linecon-pencil"></i><span class="tab-title">1</span></a>

	</dd>

	<dd>

		<a href="index.html#tab-v-crum-2"><i class="icon linecon-beaker"></i><span class="tab-title">2</span></a>

	</dd>

	

	<dd>

		<a href="index.html#tab-v-crum-3"><i class="icon linecon-search"></i><span class="tab-title">3</span></a>

	</dd>

	<dd>

		<a href="index.html#tab-v-crum-4"><i class="icon linecon-cog"></i><span class="tab-title">4</span></a>

	</dd>

	</dl>

</div>

<div class="seven columns">

	<ul class="tabs-content">

		<li class="active" id="tab-v-crum-1Tab"><img class="alignright size-full wp-image-2910" alt="icns" src="images/stage1.png" width="163" height="206" />Text</li>

		<li id="tab-v-crum-2Tab"><img src="images/stage1.png" alt="baf" width="163" height="206" class="alignleft size-full wp-image-2917" />Text</li>

		<li id="tab-v-crum-3Tab"><img class="alignleft size-full wp-image-2920" alt="1232" src="images/stage1.png" width="163" height="206" />Text</li>

		<li id="tab-v-crum-4Tab"><img src="images/stage1.png" alt="book" width="163" height="206" class="alignleft size-full wp-image-2923" />Text</li>

	</ul>

</div>

</div>