Выпадающие списки в блоке категорий

182
29 сентября 2018, 02:20

Вот готовый код для решения задачи. Проблема в том, что слайдинга и изменений никаких не происходит. Я уже пытался проверять версии плагина jcarousellite_1.0.1.js. Может быть в этом проблема) Вроде бы всё со стилями в порядке, с выводом на index-ый файл. А вот проблема не уходит. Есть ещё полный вид документа, однако там другая функция, которая не относится к теме. В структуре документа и с форматированием тоже вроде бы всё в порядке. Идентификаторы блокам ul, я тоже указал, смещение или плавное раскрытие списка не происходит.

$(document).ready(function() {
  $('#block-category > ul > li > a').click(function(){
    if ($($this).attr('class') != 'active') {
        $('#block-category > ul > li > ul').slideUp(400);
        $(this).next().slideToggle(400);
        $('#block-category > ul > li > a').removeClass('active');
        $(this).addClass('active');
        $.cookie('select_cat', $(this).attr('id'));
    } else {
        $('#block-category > ul > li > a').removeClass('active'); 
        $('#block-category > ul > li > ul').slideUp(400);
        $.cookie('select_cat', '');
    }
  });
  if ($cookie('select_cat') != '') {
    $('#block-category > ul > li > #'+$.cookie('select_cat')).addClass('active').next().show();
  }
});
Answer 1

Это что за способ проверки класса у элемента:

if ($($this).attr('class') != 'active') {

и откуда взялась переменная $this?

Надо

if (!$(this).hasClass('active')) {
READ ALSO
Показывать блоки на подобии ajax подгрузки

Показывать блоки на подобии ajax подгрузки

Как можно реализовать подгрузку блоков на подобии ajax подгрузки записей или товаров?

161
gulp сборка html в разные папки

gulp сборка html в разные папки

Подскажите как построить необходимый таск gulp сборки: есть папки с файлами pug -

160
Как реализовать список?

Как реализовать список?

как реализовать, чтобы при загрузке сайта, список выпадал, а потом сворачивался?

161
Ребят ! Почему не работает этот код?

Ребят ! Почему не работает этот код?

Ребят ! Почему не работает этот код?

148