Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
$(document).ready(function() {
    console.log("Скрипт дерева категорий загружен.");

    $('.CategoryTreeItem').on('click', function(event) {
        var $target = $(event.target);
        var $item = $(this);
        var $toggleButton = $item.find('.CategoryTreeToggle').first();
        var $link = $item.find('a').first(); // Находим первую ссылку внутри элемента

        // 1. Если клик был на toggle-кнопке, ничего не делаем
        if ($target.hasClass('CategoryTreeToggle')) {
            console.log("Клик на кнопке раскрытия, ничего не делаем.");
            return;
        }

        // 2. Если клик был на ссылке, предотвращаем переход
        if ($target.is('a')) {
            console.log("Клик по ссылке категории, блокируем переход:", $target.attr('href'));
            event.preventDefault(); 
        }

        // 3. Если есть кнопка раскрытия, кликаем на неё
        if ($toggleButton.length) {
            console.log("Раскрытие/сворачивание категории:", $item.text().trim());
            $toggleButton.click();
        } else {
            console.log("Нет вложенных категорий у:", $item.text().trim());
        }
    });
});