Как автоматом открыть схлопывающееся меню?
 

Привет! Я написал схлопывающийся баннер.
По foreach генериться много баннеров.
Если <li class="item"> я задаю <li class="item active">
то открываются все сразу баннеры
А если оставлю <li class="item"> то все закрыты! И открывается тот на который мышку навожу!

Вопрос - как то можно из района

<?php
$mycount = 0;
foreach ($_items as $_item):
$mycount += 1; ?>

сделать обращение на <li class="item"> и сделать его <li class="item active"> но не все одновременно а только одно первое как на сайте newfrog точка ком в левом блоке SPECIAL OFFERS?
Спасибо!

<div id="special-offers">
<ul class="hot-list">

<?php
$mycount = 0;
foreach ($_items as $_item):
$mycount += 1; ?>

<li class="item">
<div class="pop-discount">

</div>

<span class="num">


<?php echo "$mycount"; ?>
</span>
<a class="only-title-1 the-title" href="<?php echo $_item->getProductUrl() ?>" ><?php echo $this->escapeHtml($_item->getName()) ?></a>
<div class="only-div-1 the-div" style="display: block;">
<a href="<?php echo $_item->getProductUrl() ?>"
title="<?php echo $this->escapeHtml($_item->getName()) ?>" class="product-image"><img
src="<?php echo $this->helper('catalog/image')->init($_item, 'thumbnail')->resize(200) ?>"
width="200" height="200"
alt="<?php echo $this->escapeHtml($_item->getName()) ?>"/></a>

<div class="wen">
<a href="<?php echo $_item->getProductUrl() ?>">
<?php echo $this->escapeHtml($_item->getName()) ?> </a>
</div>
<div>
<div class="fl">
<s><span class="price"><?php echo Mage::helper('core')->currency($_item->getPrice(), true, false); ?></span></s>
</div>

<div class="orange fr ">
<span class="price"><?php echo Mage::helper('core')->currency($_item->getDealPrice(), true, false); ?></span> </div>
</div>
<div class="clear"></div>
</div>
</li>


<?php endif; ?>
<?php endforeach; ?>

</ul>
</div>
</div>