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

this + class (jquery)

  • Drop

    Сообщения: ? Репутация: 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

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

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

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

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

    Сообщения: ? Репутация: 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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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