ФорумПрограммированиеJavaScript → this + class (jquery)

this + class (jquery)

  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 12 сентября 2010 г. 14:02

    Всем привет! Помогите в js соединить this и класс.. вот, что пробовал, но не выходит:

    	$('.menu-item').click(function() {
    $( this . " .sub-menu" ).slideToggle('slow');
    });


    Спустя 60 сек.
    о, раздуплил. кому то поможет надеюсь…

    	$('.menu-item').click(function() {
    $(this).children(".sub-menu").slideToggle('slow');
    });
    Спустя 233 сек.
    Подскажите, как применить еще к третему чилдрену одновременный тогглслайд? ..у него тот же класс: .sub-menu.. не открываетяс почему то вместе с первым чилдреном.
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 12 сентября 2010 г. 14:05, спустя 3 минуты 23 секунды

    $(".sub-menu", $(this)).slideToggle('slow');

    дет такое было
    Высокоуровневое абстрактное говно
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 12 сентября 2010 г. 14:19, спустя 13 минут 38 секунд

    уууаай спасибо!
    Спустя 76 сек.
    вот, сделал:
    	$('.menu-item').click(function() {
    $('.menu-item').children(".sub-menu").slideUp('normal');
    $(".sub-menu", $(this)).slideToggle('normal');
    });

    Сделал, как видишь: клацаешь - все сварачивается а клацнутая разварачивается. Как сделать шоб не рыпалась открытая, если по ней клацаешь?
    Спустя 33 сек.
    типа правильную расстановку иф-элсе..?
    Спустя 76 сек.
    да и много остальных тоже лишне рыпаются..
    Спустя 28 сек.
    и если дочерный .menu-item клацать тоже рыпается..
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 12 сентября 2010 г. 14:52, спустя 33 минуты 27 секунд

    вобщем как событию клик вернуть только первые дочерные элементы .menu-item через конструкцию .children(). Ей параметр какой то нужен? так она возвращает всех чилдренов..
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 12 сентября 2010 г. 15:20, спустя 28 минут 22 секунды

    узнал, что это называется бабл эффект - событие применяется на все дочерные дом элементы. как вырубить этот бабл-эффект?
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 12 сентября 2010 г. 16:03, спустя 42 минуты 35 секунд

    может быть метод пузырька?)
    покажи все, нихуя не понимаю))
    Высокоуровневое абстрактное говно
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 12 сентября 2010 г. 16:20, спустя 16 минут 53 секунды

    <ul id="menu-%d0%9e%d0%bb%d0%be%d0%bb%d0%be-%d0%bc%d0%b5%d0%bd%d1%8e" class="menu">
    <li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-62"><a href="#">Меню 1</a>
    <ul class="sub-menu">
    <li id="menu-item-68" class="menu-item menu-item-type-custom menu-item-68"><a href="#">Подменю 1</a></li>
    <li id="menu-item-70" class="menu-item menu-item-type-custom menu-item-70"><a href="#">Подменю 2</a>
    <ul class="sub-menu">
    <li id="menu-item-71" class="menu-item menu-item-type-custom menu-item-71"><a href="#">2е подменю</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li id="menu-item-63" class="menu-item menu-item-type-custom menu-item-63"><a href="#">Меню 2</a></li>
    <li id="menu-item-64" class="menu-item menu-item-type-custom menu-item-64"><a href="#">Меню 3</a></li>
    <li id="menu-item-65" class="menu-item menu-item-type-custom menu-item-65"><a href="#">Меню 4</a></li>
    <li id="menu-item-66" class="menu-item menu-item-type-custom menu-item-66"><a href="#">Меню 5</a></li>
    <li id="menu-item-67" class="menu-item menu-item-type-custom menu-item-67"><a href="#">Меню 6</a>
    <ul class="sub-menu">
    <li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-69"><a href="http://frontzmin.test/photo/">Фото</a></li>
    </ul>
    </li>
    </ul>


    в css все дочерные скрыты, ну то понтно.

    Теперь настает звиздец.. нужно просто при клике на главное меню раскрывать все дочерные элементы и при возможности при клике на другие родительские li закрывать активный открытый…
    Спустя 22 сек.
    не пугайся коду, такой он этот вордпресс…
    Спустя 58 сек.
    все, за что можно вцепиться это классы: menu, sub-menu и наверное menu-item
    Спустя 83 сек.
    скрыты в css .sub-menu
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 13 сентября 2010 г. 4:37, спустя 12 часов 17 минут 10 секунд

    с работой разберусь и помогу…
    если сам уже не справился))
    Высокоуровневое абстрактное говно
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 13 сентября 2010 г. 9:00, спустя 4 часа 22 минуты 50 секунд

    $('.menu-item').bind('click', function() {
    $('li ul').css({display:'none'});
    $('ul', $(this)).css({display:'block'});
    });

    XD
    Высокоуровневое абстрактное говно
  • Drop

    Сообщения: 107 Репутация: N Группа: Кто попало

    Spritz 13 сентября 2010 г. 14:46, спустя 5 часов 45 минут 47 секунд

    и как мне теперь тебя отблагодарить?)
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 13 сентября 2010 г. 15:12, спустя 26 минут 31 секунду

    плюс в карму и сюда -> http://pyha.ru/donate/
    Высокоуровневое абстрактное говно
  • phpdude

    Сообщения: 26624 Репутация: N Группа: в ухо

    Spritz 13 сентября 2010 г. 21:10, спустя 5 часов 57 минут 43 секунды

    пыха принуждает
    Сапожник без сапог
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz 14 сентября 2010 г. 3:14, спустя 6 часов 3 минуты 45 секунд

    пыха принуждает

    к чему принуждает? оО
    Высокоуровневое абстрактное говно

Пожалуйста, авторизуйтесь, чтобы написать комментарий!