Witam.
Mam problem z pewnym "oryginalnym" menu opartym o slideToggle. Efekt można obejrzeć tutaj:
http://www.mxx.pl/quavie/stylizacja/1.html
Po 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:
  1. foreach ($podk->getList() as $podk_el) {
  2. $tekst .= '
  3. <div class="text_top"></div>
  4. <div class="text_container" style="background: #fff url(images/series_bcg/bcg_'.$podk_el->id.'.png) no-repeat center top;">
  5. <div class="text_arrow"><div class="click"><img src="images/more.png" title="" alt="" /></div></div>
  6. <div class="text_caption">'.$podk_el->nazwa.'</div>
  7. <div class="text_inside">
  8. '.$podk_el->text.'
  9. </div>
  10. <div class="text_bottom">
  11. <div class="click"><span class="link5">zobacz produkty</span></div>
  12. <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>
  13. </div>
  14. </div>
  15. <div class="text_footer"></div>';
  16. foreach ($podk2->getList() as $nr=>$podk2_el) {
  17. if ($podk_el->id == $podk2_el->podkategoria_id) {
  18. $towary = new DzialLista2($d,$podk_el->id,$podk2_el->id,'towar.nazwa',0);
  19. $tekst .= '
  20. <div class="series_container">
  21. <div class="series_capt">'.$podk2_el->nazwa.'</div>
  22. <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>
  23. </div>';
  24. $tekst .= '
  25. <div id="prod'.$nr.'" class="prods">'.$towary->showTable($d,$podk_el->id,$podk2_el->id).'</div>';
  26. }
  27. }
  28. }


JS:
  1. <script type="text/javascript">
  2. // <![CDATA[
  3. $(document).ready(function(){
  4. $(\'.series_container\').hide();
  5. $(\'.prods\').hide();
  6. $(\'.click\').click(function(){
  7. $(\'.prods\').hide();
  8. $(\'.series_container\').slideToggle();
  9. });
  10. $(\'.click2\').click(function(){
  11. $(\'.prods\').hide();
  12. var id = $(this).attr(\'id\');
  13. $(\'#prod\' + id).slideToggle();
  14. });
  15. });
  16. // ]]>
  17. </script>


Byłbym wdzięczny za wszelkie wskazówki, które usprawnią funkcjonalność menu.