Очередной вопрос про категории.

[Briss]

Добрый вечер, такой вопрос: есть категории на сайте, с использование плагина-аккордеона liHarmonica.

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

Заранее спасибо

[ps-simpla]

не понял, а смысл аккордеона? если вы хотите что при нажатии переходило сразу в категорию

[alaster]

не понял, а смысл аккордеона? если вы хотите что при нажатии переходило сразу в категорию

Иииии... нет его.

[Briss]

Да, понял уже что смысла нету, попробую переписать скрипт, чтобы разворачивал по булетам, рядом с категориями.

[Briss]

Написал простенький скрипт, для автоматического создания аккордеона Т.к. с JS не очень дружу, могут быть какие то косяки.

Для раскрытия первого уровня списка категорий, скрипт использует изображение выбранной категории, для всех внутренних списков использует картинку на выбор юзера.

Работает с бесконечным(вроде бы, проверил на 4х-уровне) уровнем вложенности списков)

Сам код

 

$(document).ready(function ($) {
    var tor = $('img.slide-up').next().next().find('li ul.yourULClass').addClass('one');
    var plus = tor.prev();
    tor.before("<img style='float:left;margin-top:6px;margin-right:5px;' class='slide-up1' src='plus.png' height='20'>");

    $('img.slide-up').on('click', function () {
       
        if ($(this).hasClass('plus')) {
            $(this).removeClass('plus');
            $(this).attr('src', 'plus.png');
             $(this).next().next().hide(500);
        }
        else {
         $(this).next().next().show(500);
            $(this).addClass('plus');
            $(this).attr('src', 'minus.png');
        }
    });
    $('img.slide-up1').on('click', function () {
        $(this).next().hide(500);
        if ($(this).hasClass('plus')) {
            $(this).removeClass('plus');
            $(this).attr('src', 'plus.png');
        }
        else {
         $(this).next().show(500);
            $(this).addClass('plus');
            $(this).attr('src', minus.png');
        }
    });
});