Code: Select all
$(function(){
$('a.tab')
.removeAttr('href')
.addClass('hand')
.click(function(){
var class = $(this).parent().attr('class');
$('a.tab').removeClass('active');
$(this).addClass('active');
$('.tab_content').hide();
$('#tab_content_' + class).show('slow');
})
});Code: Select all
<ul class="tabs">
<li class="description"><a href="/pc/mvt:global:Category_Code;/mvt:global:Product_Code;/description/" id="tab_description" class='tab <mvt:if expr="g.display_tab EQ 'description'"> active </mvt:if> '>Description</a></li>
<li class="specs"><a href="/pc/mvt:global:Category_Code;/vt:global:Product_Code;/specs/" id="tab_specs" class='tab <mvt:if expr="g.display_tab EQ 'specs'"> active </mvt:if> '>Specs</a></li>
<li class="reviews"><a href="/pc/mvt:global:Category_Code;/mvt:global:Product_Code;/reviews/" id="tab_reviews" class='tab <mvt:if expr="g.display_tab EQ 'reviews'"> active </mvt:if> '>Reviews</a></li>
</ul>
<div id="tab_content_container">
<div id="tab_content_description" <mvt:if expr="g.display_tab EQ 'description'"> class="tab_content active" <mvt:else> class="tab_content inactive" </mvt:if> >
<div>mvt:product:descrip;</div>
</div> <!-- end description content //-->
<div id="tab_content_specs" <mvt:if expr="g.display_tab EQ 'specs'"> class="tab_content active" <mvt:else> class="tab_content inactive" </mvt:if> >
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum facilisis lectus eu ante. Praesent tincidunt arcu et nisl. Donec eget leo ut lacus rutrum tristique. Integer eget odio in felis posuere fringilla. Integer porta, nibh quis fringilla elementum, felis dolor mattis tortor, ut commodo nibh risus a urna. Phasellus volutpat nibh vitae massa. Fusce at purus. Nullam porta, nisi vitae suscipit faucibus, massa augue elementum pede, eu dictum elit magna at neque. Sed quis sapien. Vivamus consectetuer, tortor quis vehicula sagittis, orci velit consequat mi, ac dignissim augue magna et dolor. Ut cursus tortor et nulla. Aliquam erat volutpat. Vivamus porta, nisi vitae aliquam mattis, neque odio porta sem, quis malesuada risus felis a lacus. Fusce volutpat rutrum purus. Proin mi velit, sagittis iaculis, lacinia ut, elementum quis, arcu. Donec feugiat.</p>
</div> <!-- end specs content //-->
<div id="tab_content_reviews" <mvt:if expr="g.display_tab EQ 'reviews'"> class="tab_content active" <mvt:else> class="tab_content inactive" </mvt:if> >
<mvt:if expr="NOT ISNULL l.settings:productreviews">
<div class="medium_high color_two">Customer Reviews</div>
<mvt:foreach iterator="reviews" array="productreviews">
<div class="product_review">
<div class="stars">mvt:reviews:stars; <b>mvt:reviews:title;</b>, mvt:reviews:month;.mvt:reviews:day;.mvt:reviews:year;</div>
<div class="reviewer small color_three">Reviewer: mvt:reviews:name; (mvt:reviews:city;, mvt:reviews:state;)</div>
<div class="review">mvt:reviews:review;</div>
</div>
</mvt:foreach>
</mvt:if>
</div> <!-- end reviews content //-->
</div>
PS, sorry about the HTML... it has template code in it from miva