Chciałbym dodać w ofercie materiały ścierne dodatkowe podkatoegrie jak to robie dodając "nowe id" znika mi wtedy dół... Jak dodać nową kategorią z podkategoriami ?
polsab.com.pl/oferta.php
<h2>OFERTA MATERIAŁY ŚCIERNE </h2> <div class="oferta2" id="oferta1"> <ul class="ofe1"> <li><a href="/pdfnew/flexovit/sciernice_do_przecinania.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do przecinania i szlifowania</a></li> <li id="kat26">Narzędzia ścierne nasypowe <ul id="kat26pod"> <li><a href="/pdfnew/flexovit/sciernice_listkowe.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice listkowe</a></li> <li><a href="/pdfnew/flexovit/lamelki.pdf" data-ob_iframe="true" data-ob="lightbox">Lamelki</a></li> <li><a href="/pdfnew/flexovit/arkusze.pdf" data-ob_iframe="true" data-ob="lightbox">Pasy, Krążki, Rolki i Arkusze</a></li> <li><a href="/pdfnew/flexovit/fibrowe.pdf" data-ob_iframe="true" data-ob="lightbox">Krążki Fibrowe</a></li> </ul> </li> <li id="kat27">Narzędzia ścierne włókninowe <ul id="kat27pod"> <li><a href="pdfnew/flexovit/listkowe_i_szczotki.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice listkowe i szczotki</a></li> <li><a href="pdfnew/flexovit/prasowe.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice prasowe</a></li> <li><a href="pdfnew/flexovit/zwijane.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice zwijane</a></li> <li><a href="pdfnew/flexovit/krazki_do_podlog.pdf" data-ob_iframe="true" data-ob="lightbox">Krążki do podłóg</a></li> </ul> </li> <li><a href="pdfnew/flexovit/diamentowe.pdf" data-ob_iframe="true" data-ob="lightbox">Tarcze diamentowe</a></li> <li id="kat28"> Narzędzia ścierne spojone <ul id="kat28pod"> <li><a href="pdfnew/flexovit/spojone_do_szlifowania.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do szlifowania</a></li> <li><a href="pdfnew/flexovit/spojone_trzpieniowe.pdf" data-ob_iframe="true" data-ob="lightbox"> Ściernice trzpieniowe</a></li> <li><a href="pdfnew/flexovit/spojone_do_odlewow.pdf" data-ob_iframe="true" data-ob="lightbox">Ściernice do odlewów</a></li> </ul> </li> <li><a data-ob_width="860" data-ob_height="700" href="oferta_exe.php?plik=PDF/oferta_materialy_cierne&str=14&do=16" data-ob_iframe="true" data-ob="lightbox">Frezy trzpieniowe i szczotki stalowe</a></li> </ul> </div>
<script> var tpj=jQuery; //tpj.noConflict(); $(document).ready(function() { var liczba_podkategorii = 30; function runEffect(id) { var selectedEffect = "blind"; var options = {}; $(id).toggle( selectedEffect, options, 500, callback ); }; function callback() { setTimeout(function() { $( "#ofe1m1:visible" ); $( "#ofe2m1:visible" ); $( "#ofe3m1:visible" ); $( "#ofe4m1:visible" ); for(var i = 1; i < liczba_podkategorii+1; i++) { $( "#kat"+i+"pod:visible" ); } } ); }; $( "#spawanie" ).click(function() { runEffect("#ofe1m1"); return false; }); $( "#akcesoria" ).click(function() { runEffect("#ofe2m1"); return false; }); $( "#uchwytyab" ).click(function() { runEffect("#ofe3m1"); return false; }); $( "#autospaw" ).click(function() { runEffect("#ofe4m1"); return false; }); $( "#materialyspawalnicze" ).click(function() { runEffect("#ofe5m1"); return false; }); $( "#pomet" ).click(function() { runEffect("#ofe6m1"); return false; }); $( "#gce" ).click(function() { runEffect("#ofe7m1"); return false; }); $( "#mscesaby" ).click(function() { runEffect("#ofe8m1"); return false; }); $( "#perun" ).click(function() { runEffect("#ofe10m1"); return false; }); <? $liczba_podkategorii = 30; for($i = 1; $i < $liczba_podkategorii+1; $i++) { echo ' $( "#kat'.$i.'" ).click(function() { runEffect("#kat'.$i.'pod"); return false; });'; } ?> $( "#ofe1m1" ).hide(); $( "#ofe2m1" ).hide(); $( "#ofe3m1" ).hide(); $( "#ofe4m1" ).hide(); $( "#ofe5m1" ).hide(); $( "#ofe6m1" ).hide(); $( "#ofe7m1" ).hide(); $( "#ofe8m1" ).hide(); $( "#ofe9m1" ).hide(); $( "#ofe10m1" ).hide(); for(var i = 1; i < liczba_podkategorii+1; i++) { $( "#kat"+i+"pod" ).hide(); } }); </script> <script type="text/javascript"> tpj(document).ready(function() { if (tpj.fn.cssOriginal!=undefined) tpj.fn.css = tpj.fn.cssOriginal; tpj('#slider').revolution( { delay:9000, startheight:400, startwidth:980, hideThumbs:200, thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !) thumbHeight:50, thumbAmount:5, navigationType:"none", //bullet, thumb, none, both (No Thumbs In FullWidth Version !) navigationArrows:"nexttobullets", //nexttobullets, verticalcentered, none navigationStyle:"round", //round,square,navbar touchenabled:"on", // Enable Swipe Function : on/off onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off navOffsetHorizontal:0, navOffsetVertical:20, stopAtSlide:-1, // Stop Timer if Slide "x" has been Reached. If stopAfterLoops set to 0, then it stops already in the first Loop at slide X which defined. -1 means do not stop at any slide. stopAfterLoops has no sinn in this case. stopAfterLoops:-1, // Stop Timer if All slides has been played "x" times. IT will stop at THe slide which is defined via stopAtSlide:x, if set to -1 slide never stop automatic shadow:0, //0 = no Shadow, 1,2,3 = 3 Different Art of Shadows (No Shadow in Fullwidth Version !) fullWidth:"off" // Turns On or Off the Fullwidth Image Centering in FullWidth Modus }); }); </script>