Нужна небольшая помощь с настройкой скрипта.
Как заменить картинки на текст и поставить его ровно по h2 я разобралась, но в работе скрипта смущает то, что сворачивание категории визуально идёт не снизу вверх, как было бы логично, а справа налево.
Сам скрипт - вот. Есть возможность как-то его модифицировать, чтобы сворачивание шло именно снизу вверх?
И второй момент. При наведении на h2 скрипт показывает надпись 'свернуть' и она же остаётся, когда категория уже свёрнута. Хотелось бы, чтобы была возможность заменить текст на 'показать', когда категория свёрнута.
Код:
<script type="text/javascript"><!--Cворачивание категорией Ч1-->
//cookies
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;}
var aimg = {
open: 'Свернуть',
close: 'Показать'
}
</script>Код:
<script type="text/javascript"><!--Cворачивание категорией Ч2-->
$('#pun-main div.category > h2 div.catleft').after('<span class="offctgr" style="float: right;">'+aimg.open+'</span>');
$('#pun-main div.category').each(function (i) {
var ctgId=$(this).attr('id');
if(getcookie(ctgId)=='close'){
$('#'+ctgId+' > div.container').css({display: 'none'});
$('#'+ctgId+' > h2 > .offctgr').attr("src",aimg.close)}
});
$('span.offctgr').click(function(){
var cat=$(this).parents('div.category').attr('id');
$(this).parents('div.category').children('div.container').toggle('slow');
var s = $(this).find("img").attr("src") == aimg.open ? aimg.close : aimg.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; });
</script>Отредактировано starling (09.05.23 17:55)
