Witam.
Mam problem z pewnym "oryginalnym" menu opartym o slideToggle. Efekt można obejrzeć tutaj:
http://www.mxx.pl/quavie/stylizacja/1.htmlPo kliknięciu na strzałkę \/ przy napisie artist(e), bądź na napis "Zobacz produkty", rozwijają się kategorie produktów. Następnie klikając na strzałkę \/ znajdującą się przy każdej kategorii, pojawiają się produkty.
Mam problem z pełną funkcjonalnością menu - nie rozwijają się kategorie z najwyższym indeksem, ponadto po kliknięciu na \/ przy kategoriach produkty nie chowają się w oczekiwany sposób (za wyjątkiem kategorii pierwszej - curls).
Fragmenty kodu.
HTML/PHP:
foreach ($podk->getList() as $podk_el) {
$tekst .= '
<div class="text_top"></div>
<div class="text_container" style="background: #fff url(images/series_bcg/bcg_'.$podk_el->id.'.png) no-repeat center top;">
<div class="text_arrow"><div class="click"><img src="images/more.png" title="" alt="" /></div></div>
<div class="text_caption">'.$podk_el->nazwa.'</div>
<div class="text_inside">
'.$podk_el->text.'
</div>
<div class="text_bottom">
<div class="click"><span class="link5">zobacz produkty</span></div>
<span class="link5" style="display: block; margin-top: -14px; padding-left: 120px;"><a href="catalog/catalog_'.$podk_el->id.'.pdf" title="zobacz katalog">zobacz katalog</a></span>
</div>
</div>
<div class="text_footer"></div>';
foreach ($podk2->getList() as $nr=>$podk2_el) {
if ($podk_el->id == $podk2_el->podkategoria_id) {
$towary = new DzialLista2($d,$podk_el->id,$podk2_el->id,'towar.nazwa',0);
$tekst .= '
<div class="series_container">
<div class="series_capt">'.$podk2_el->nazwa.'</div>
<div class="series_arrow"><div class="click2" id="'.$nr++.'"><div style="margin-top: -110px; float: right; padding-right: 100px; width: 100px; height: 94px; background: url(images/bottles/bottle_'.$podk2_el->id.'.png) no-repeat right top;"></div><img src="images/more.png" title="" alt="" /></div></div>
</div>';
$tekst .= '
<div id="prod'.$nr.'" class="prods">'.$towary->showTable($d,$podk_el->id,$podk2_el->id).'</div>';
}
}
}
JS:
<script type="text/javascript"> // <![CDATA[
$(document).ready(function(){
$(\'.series_container\').hide();
$(\'.prods\').hide();
$(\'.click\').click(function(){
$(\'.prods\').hide();
$(\'.series_container\').slideToggle();
});
$(\'.click2\').click(function(){
$(\'.prods\').hide();
var id = $(this).attr(\'id\');
$(\'#prod\' + id).slideToggle();
});
});
// ]]>
Byłbym wdzięczny za wszelkie wskazówki, które usprawnią funkcjonalność menu.