Не работает спойлер для описания категории

[baronz]

Нашол на форуме интересное ришение для описания категорий тут

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

<?php echo $header; ?>
<?php echo $column_right; ?>

<div class="catalog-wrap">
	<div class="catalog"><a href="#">Каталог продукции</a>
	<div class="catalog-menu">
		<?php echo $column_left; ?>
	</div>
	</div>
</div>

 <div class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <?php echo $breadcrumb['separator']; ?><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a>
    <?php } ?>
  </div>
  
<div id="catalog-page">

<div class="left-filter">
	<?php echo $content_top; ?>
</div>
  
<div id="content">
	<div class="info-blocks">
		<ul>
			<li><span class="calend">Контролируем срок годности</span></li>
			<li><span class="bags">Надежная упаковка при доставке</span></li>
			<li><span class="cash">Нет риска - оплата при получении</span></li>
			<li><span class="garant">Гарантия качества на весь товар</span></li>
		</ul>
	</div>
	
	
  <?php if ($products) { ?>
  <div class="product-filter">
    <div class="limit"><b><?php echo $text_limit; ?></b>
	<div class="select-wrap">
      <select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>
	  <div class="bg"></div>
	  </div>
    </div>
    <div class="sort"><b><?php echo $text_sort; ?></b>
	<div class="select-wrap">
      <select onchange="location = this.value;">
        <?php foreach ($sorts as $sorts) { ?>
        <?php if ($sorts['value'] == $sort . '-' . $order) { ?>
        <option value="<?php echo $sorts['href']; ?>" selected="selected"><?php echo $sorts['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $sorts['href']; ?>"><?php echo $sorts['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>
	  <div class="bg"></div>
	  </div>
    </div>
  </div>
  
  
  <div class="product-list">
    <?php foreach ($products as $product) { ?>
    <div  class="product">
		<div class="left">
      <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
	   <?php if ($product['rating']) { ?>
      <div class="rating"><img src="catalog/view/theme/default/image/stars-<?php echo $product['rating']; ?>.png" alt="<?php echo $product['reviews']; ?>" /></div>
      <?php } ?>
      <?php if ($product['thumb']) { ?>
      <div class="image"><a href="<?php echo $product['href']; ?>">
	  <?php if ($product['bonus']) { ?>
	  <img class="sticker" src="/catalog/view/theme/servis/image/<?php echo $product['bonus']; ?>.png" alt="" />
	  <?php } ?>
	  <img src="<?php echo $product['thumb']; ?>" title="<?php echo $product['name']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
      <?php } ?>
		</div>
		
		
<div class="atribute-table"><div class="thead"><!--названия групп-->
<div class="tr">
<div class="td">Особенности:</div>
<div class="td">Описание</div>
</div>
</div><!---->
		<?php if($product['attribute_groups']) { ?>
<?php foreach($product['attribute_groups'] as $attribute_group) { ?>
<div class="tbody">
<?php foreach($attribute_group['attribute'] as $attribute) { ?>
<div class="tr">
<div class="td"><?php echo $attribute['name']; ?></div>
<div class="td"><span class="border"><?php echo $attribute['text']; ?></span></div>
</div>
<?php } ?>
</div>
<?php } ?>
<?php } ?>
</div>



		<div class="right">
		<div class="description">
			<h3 class="title">Краткое описание</h3>
		<?php echo $product['description']; ?>
		</div>
      <?php if ($product['price']) { ?>
      <div class="price">
	  <?php if (!$product['special']) { ?>
          <?php echo $product['price']; ?>
          <?php } else { ?>
		  <strike><?php echo $product['price']; ?></strike> <?php echo $product['special']; ?>
          <?php } ?>
      </div>
      <?php } ?>
	  
		<div class="cart product-info">
			<div class="qty-spinedit">
				<input type="button" onclick="minusQty(this)" value="-" class="qty-minus" />
				<input type="text" value="<?php echo $product['minimum']; ?>" size="2" class="quantity" name="quantity_<?php echo $product['product_id']; ?>">
				<input type="button" onclick="plusQty(this)" value="+" class="qty-plus" />
				<input type="button" value="<?php echo $button_cart; ?>" id="button-cart" onclick="addToCartQty('<?php echo $product['product_id']; ?>', this);" class="button" />
			</div>
		</div>
		</div>
    </div>
    <?php } ?>
  </div>
  <!----начинается описание к категории---->
  
  	<?php if ($thumb || $description) { ?>
  
  <div class="category-info">
    <?php if ($thumb) { ?>
    <!---<div class="image"><img src="<?php echo $thumb; ?>" alt="<?php echo $heading_title; ?>" /></div>--->
    <?php } ?>
    <?php if ($description) { ?>
  <div id="tab-div">
  <div id="tab-description" class="tab-content"><?php echo $description; ?></div>
  </div>
    <?php } ?>
	
    </div>
  
  
  <?php } ?> 
  </div>
  
  <!----конец---->
  <?php } ?>
  
</div>
</div>
	<?php echo $content_bottom; ?>
<script type="text/javascript"><!--
$(document).ready(function() {
	$('.colorbox').colorbox({
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox"
	});
});
//--></script> 
<script type="text/javascript"><!--
    
$('#button-cart').bind('click', function() {
	$.ajax({
		url: 'index.php?route=checkout/cart/add',
		type: 'post',
		data: $('.product-info input[type=\'text\'], .product-info input[type=\'hidden\'], .product-info input[type=\'radio\']:checked, .product-info input[type=\'checkbox\']:checked, .product-info select, .product-info textarea'),
		dataType: 'json',
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
			
			if (json['error']) {
				if (json['error']['option']) {
					for (i in json['error']['option']) {
						$('#option-' + i).after('<span class="error">' + json['error']['option'][i] + '</span>');
					}
				}
                
                if (json['error']['profile']) {
                    $('select[name="profile_id"]').after('<span class="error">' + json['error']['profile'] + '</span>');
                }
			} 
			
			if (json['success']) {
				$('#notification').html('<div class="success" style="display: none;">' + json['success'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
					
				var modPopupCart = window.modPopupCart || undefined;		if( modPopupCart ){		  modPopupCart.open();		}	
					
				$('.success').fadeIn('slow');
					
				$('#cart-total').html(json['total']);
				
				$('html, body').animate({ scrollTop: 0 }, 'slow'); 
			}	
		}
	});
});
//--></script>



<!--свёрнутое описание для табов товара -->
<script type="text/javascript"><!--


$(document).ready(function() {
if ($('.tab-div')[0].scrollHeight > 135) {


$(".tab-div").after('<div id="obexpand" class="obertka"><button class="expand" type="button" id="expand"><span class="">Развернуть </span></button></div>');
$(".tab-div").after('<div id="obhide" class="obertka" style="display:none;"><button class="expand" type="button" id="hide"><span class="">Свернуть </span></button></div>');
$('.tab-div').append("<div class='hide'></div>");
};


});


$('#expand').live('click',function(){
$('#obexpand').css("display", "none");
$('.tab-div').animate({height: $('.tab-div')[0].scrollHeight}, 600);
$('#obhide').css("display", "block");
$('.hide').css("display", "none");


});


$('#hide').live('click',function(){
$('#obhide').css("display", "none");
$('.tab-div').animate({height: 120}, 600);
$('#obexpand').css("display", "block");
$('.hide').css("display", "block");


});


//--></script>


<style type="text/css">
.tab-div {
position:relative;
height: 120px;
overflow: hidden;}


.hide {
position:absolute;
top:80px;
width:100%;
height:50px;
background: url('/catalog/view/theme/default/image/hide.png') repeat-x;
}


.obertka {
width: 100%;
text-align: center;
border-bottom: #ccc solid 1px;
height: 8px;
margin:0 auto;
margin-bottom: 20px;
}
.expand {
height: 18px;
padding: 0 .9em;
border-width: 1px;
border-style: solid;
outline: 0;
font-weight: normal;
font-size: 11px;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
background:white;}


.expand:hover {
border:#ccc solid 1px;
background:#eee;


}
</style>
<!--свёрнутое описание для табов товара -->

<?php echo $footer; ?>