this + class (jquery)

Drop ↓

13 Сентябрь, 2010, 01:02:00

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

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

Java

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

Спустя 1 минуту добавил

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

Java

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

Спустя 3 минуты 53 секунды добавил

Подскажите, как применить еще к третему чилдрену одновременный тогглслайд? ..у него тот же класс: .sub-menu.. не открываетяс почему то вместе с первым чилдреном.


	Записан

Дасайт

Stasovsky ↓

13 Сентябрь, 2010, 01:05:23 , спустя 3 минуты 23 секунды

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

Javascript

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

дет такое было


	Записан

Drop ↓

13 Сентябрь, 2010, 01:19:01 , спустя 13 минут 38 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

уууаай спасибо!

Спустя 1 минуту 16 секунд добавил

вот, сделал:

Java

$('.menu-item').click(function() {
$('.menu-item').children(".sub-menu").slideUp('normal');
$(".sub-menu", $(this)).slideToggle('normal');
});

Сделал, как видишь: клацаешь - все сварачивается а клацнутая разварачивается. Как сделать шоб не рыпалась открытая, если по ней клацаешь?

Спустя 33 секунды добавил

типа правильную расстановку иф-элсе..?

Спустя 1 минуту 16 секунд добавил

да и много остальных тоже лишне рыпаются..

Спустя 28 секунд добавил

и если дочерный .menu-item клацать тоже рыпается..


	Записан

Дасайт

Drop ↓

13 Сентябрь, 2010, 01:52:28 , спустя 33 минуты 27 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

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


	Записан

Дасайт

Drop ↓

13 Сентябрь, 2010, 02:20:50 , спустя 28 минут 22 секунды

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

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


	Записан

Дасайт

Stasovsky ↓

13 Сентябрь, 2010, 03:03:25 , спустя 42 минуты 35 секунд

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

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


	Записан

Drop ↓

13 Сентябрь, 2010, 03:20:18 , спустя 16 минут 53 секунды

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

HTML

<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

Спустя 1 минуту 23 секунды добавил

скрыты в css .sub-menu


	Записан

Дасайт

Stasovsky ↓

13 Сентябрь, 2010, 03:37:28 , спустя 12 часов 17 минут 10 секунд

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

с работой разберусь и помогу...
если сам уже не справился))


	Записан

Stasovsky ↓

13 Сентябрь, 2010, 08:00:18 , спустя 4 часа 22 минуты 50 секунд

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

Javascript

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


	Записан

Drop ↓

14 Сентябрь, 2010, 01:46:05 , спустя 5 часов 45 минут 47 секунд

НЕ ХУЕТА! ХУЕТА!

Карма: 3
Сообщений: 106
Сила слова: 2.83

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


	Записан

Дасайт

Stasovsky ↓

14 Сентябрь, 2010, 02:12:36 , спустя 26 минут 31 секунду

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

плюс в карму и сюда -> http://pyha.ru/donate/


	Записан

phpdude ↓

14 Сентябрь, 2010, 08:10:19 , спустя 5 часов 57 минут 43 секунды

НЕ ХУЕТА! ХУЕТА!

я - ЭМО
Группа: в ухо

Карма: 344
Сообщений: д-о-х-у-я!
Сила слова: 1.65

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


	Записан

забанен. могу забанить других, пишите в личку

BEER. Helping ugly people have sex since 1862.

Stasovsky ↓

14 Сентябрь, 2010, 02:14:04 , спустя 6 часов 3 минуты 45 секунд

НЕ ХУЕТА! ХУЕТА!

Сенсей XD
Группа: Джедаи

Карма: 54
Сообщений: 3653
Сила слова: 1.48

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

к чему принуждает? оО


	Записан

Страниц: [1]

Печать

« предыдущая тема следующая тема »

	Автор	Тема: this + class (jquery) (Прочитано 744 раз)
0 Пользователей и 1 Гость смотрят эту тему.