Сообщений в теме: 5

[inte]

Здравствуйте!
У меня возникла необходимость заключить в открывающиеся/закрывающиеся (expand/collapse) блоки часть информации. В частности список подкатегорий с титульной страницы (directory). Но в блоке имеется только заголовок и список. Задача состоит в том, как заключить список в блок (div), чтобы его уже раскрывать/скрывать с помощью JS.
В каком файле правильно исправить это? И не повлияет ли на это обновление?

[вложение удалено администратором (более 90 дней)]

[Артём]

Всё разжёвано

media\zoo\applications\jbuniversal\templates\наш_шаблон\renderer\subcategory\название_layout.php
Если не будете _default.php редактировать, то всё сохраниться при обновлении.

[inte]

Спасибо большое! Уже разобрался.

[Amazing]

Всё разжёвано

media\zoo\applications\jbuniversal\templates\наш_шаблон\renderer\subcategory\название_layout.php
Если не будете _default.php редактировать, то всё сохраниться при обновлении.

Артем, спасибо за линк. Все легко настроил.
Использовал этот код:

jQuery(document).ready(function() {
var showText='+';
var hideText='-';
var is_visible = false;
jQuery('.toggle').prev().append(' <a href="#" class="toggleLink" style="font-size:12px;vertical-align: middle;">'+showText+'</a>');
jQuery('.toggle').hide();
jQuery('a.toggleLink').click(function() {
is_visible = !is_visible;
jQuery(this).html( jQuery(this).parent().next('.toggleSection').is(':visible')? showText : hideText);
jQuery('.toggle').slideUp();
//jQuery('a.toggleLink').html(showText);
jQuery(this).parent().next('.toggle').slideDown('slow');
return false;
});
});

Но, учитывая, что не знаком с JS - не получается "допилить" несколько мелочей:
1) заставить <div class="toggle"> сворачиваться и оставаться свернутым при нажатии на (-)
2) менять (-) на (+) после того, как была открыта другая вкладка

Не подскажете, как это реализовать?

Аналогичный вопрос задал на форуме первоисходнике, но ответа пока не получил

[SmetDenis]

Откровенно говоря это один из самых плохих кусков кода, которые мне приходилось видеть...
Удивительно что это у кого-то работает...
Почитайте о jQuery, там все очень просто. В интернете навалом материала об этом

[Amazing]

Спасибо за совет.

Нашел альтернативный простой вариант. Вроде все работает.
Кому интересно, вот код:

jQuery(document).ready(function() {
var showText='+';
var hideText='-';
jQuery('.toggle').prev('.toggler').append(' <a href="#" class="toggleLink" style="">'+showText+'</a>'); //add + button
jQuery('.toggle').hide(); // hide toggle block

jQuery('a.toggleLink').toggle(

function(){        
jQuery(this).parent().next('.toggle').slideDown(400);  // open block on click
jQuery(this).html(hideText);},

function(){        
jQuery(this).parent().next('.toggle').slideUp(400); // hide block on click
jQuery(this).html(showText);});
});