[PunBB][jQuery] Сворачивание категорий.

автор Irbis Апрель 14th 2011, 20:36

Коль пошла нынче мода на jQuery, мы тут с Домовым покумекали и родился у нас скрипт сворачивания категорий форума. Для движка PunBB.
Вставлять в шаблон index_box после всего, что в нем есть.

Код:: <script type="text/javascript"> allcats = $('div#main-content div'); for(i=0; i<allcats.length; i++){if(allcats[i].className == "main-head") allcats[i].id="pun-category"+i;} open = 'http://r28.imgfast.net/users/2814/33/31/58/album/dddund10.png'; close = 'http://r28.imgfast.net/users/2814/33/31/58/album/dddddu11.png'; $('div#main-content div.main-head div.page-title').append('<span class="offctgr" style="float: right; margin-top: -15px;"><img src="'+open+'" title="показать/cкрыть" /></span>'); $('div#main-content div.main-head').each(function () { var ctgId=$(this).attr('id'); if(getcookie(ctgId)=='close'){ $(this).next('div.main-content').css({display: "none"}); $('div#'+ctgId+' > div.page-title > span.offctgr img').attr("src", close); } }); $('span.offctgr').click(function(){ var cat=$(this).parents('div.main-head').attr('id'); $(this).parents('div.main-head').next('div.main-content').slideToggle('slow'); var s = $(this).find("img").attr("src") == open ? close : open; $(this).find("img").attr("src",s); var catc = getcookie(cat); catc = catc == 'close' ? 'open' : 'close'; setcookie(cat,catc,3600*24*30*1000); return false; }); function setcookie(a,b,c) {if(c){var d = new Date();d.setTime(d.getTime()+c);}if(a && b) document·cookie = a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;} function getcookie(a) {var b = new RegExp(a+'=([^;]){1,}');var c = b.exec(document·cookie);if(c) c = c[0].split('=');else return false;return c[1] ? c[1] : false;} </script>

Внимание: в связи со временной проблемой интерпретации скрипта в тегах CODE , пожалуйста, не копируйте скрипт из сообщения, а сохраните вложенный здесь файл со скриптом - и возьмите скрипт из файла! Мы приносим свои извинения за неудобства... - прим. админа