Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.03.2011, 16:52
Аспирант
Отправить личное сообщение для NeoMurderer Посмотреть профиль Найти все сообщения от NeoMurderer
 
Регистрация: 16.02.2011
Сообщений: 98

Скрипт на jQuery
У меня есть рабочий скрипт выпадающего меню на jQuery:
$(document).ready(function(){


$('.menu-item-8').toggle(function() {
$('.sub_menu').slideDown(1000);
},
function() {
$('.sub_menu').slideUp(1000);
});




});

Вот как мне сделать что бы выпадал не определённый див с классом ,а следующий див с этим классом?
Ответить с цитированием
  #2 (permalink)  
Старый 07.03.2011, 20:22
Аспирант
Отправить личное сообщение для NeoMurderer Посмотреть профиль Найти все сообщения от NeoMurderer
 
Регистрация: 16.02.2011
Сообщений: 98

Похоже у всех отпуск
Ответить с цитированием
  #3 (permalink)  
Старый 08.03.2011, 11:39
Аспирант
Отправить личное сообщение для kostr Посмотреть профиль Найти все сообщения от kostr
 
Регистрация: 12.09.2010
Сообщений: 98

Я не поняла - у вас там все элементы .sub_menu выпадают разом? Или он один такой?

Следующий элемент выбрать - это $(this).next()
Ответить с цитированием
  #4 (permalink)  
Старый 08.03.2011, 14:59
Аспирант
Отправить личное сообщение для NeoMurderer Посмотреть профиль Найти все сообщения от NeoMurderer
 
Регистрация: 16.02.2011
Сообщений: 98

Сообщение от kostr Посмотреть сообщение
Я не поняла - у вас там все элементы .sub_menu выпадают разом? Или он один такой?
Вот смотрите сам код меню

<div class="ddsmoothmenu" id="topMenu">
		<ul class="menu" id="menu-main">
		<li class="menu-item menu-item-type-taxonomy menu-item" id="menu-item-9" ><a href="/">На главную</a></li>
		<li class="menu-item menu-item-type-taxonomy menu-item-8"><a href="#">Выпадающее меню</a>	<div class="sub_menu">

<li class="menu-item1" id="menu-item2" ><a href="http://snavig.ru/?cat=8">Для CMS DLE</a></li>
<li class="menu-item1" id="menu-item3" ><a href="http://snavig.ru/?cat=5">Меню на Ajax</a></li>
<li class="menu-item1" id="menu-item5" ><a href="http://snavig.ru/?cat=7">Меню на Javascript</a></li>
<li class="menu-item1" id="menu-item6" ><a href="http://snavig.ru/?cat=6">Меню на Jquery</a></li>
<li class="menu-item1" id="menu-item3" ><a href="http://snavig.ru/?cat=36">Выпадающее на CSS</a></li>
</div></li>
	
<li class="menu-item1" id="menu-item-14" ><a href="http://snavig.ru/?cat=1">Новости</a></li>

<li class="menu-item8" id="menu-item" ><a href="http://snavig.ru/?cat=3">Меню на HTML</a>
<div class="sub_menu">

<li class="menu-item1" id="menu-item2" ><a href="http://snavig.ru/?cat=8">Для CMS DLE</a></li>
<li class="menu-item1" id="menu-item3" ><a href="http://snavig.ru/?cat=5">Меню на Ajax</a></li>
<li class="menu-item1" id="menu-item5" ><a href="http://snavig.ru/?cat=7">Меню на Javascript</a></li>
<li class="menu-item1" id="menu-item6" ><a href="http://snavig.ru/?cat=6">Меню на Jquery</a></li>
<li class="menu-item1" id="menu-item3" ><a href="http://snavig.ru/?cat=36">Выпадающее на CSS</a></li>
</div>
</li>
<li class="menu-item1" id="menu-item-15" ><a href="http://snavig.ru/?cat=9">Уроки создания меню</a></li>
<li class="menu-item1" id="menu-item-16" ><a href="http://snavig.ru/?cat=11">Видео уроки</a></li>
</ul></div>
Ответить с цитированием
  #5 (permalink)  
Старый 08.03.2011, 15:01
Аспирант
Отправить личное сообщение для NeoMurderer Посмотреть профиль Найти все сообщения от NeoMurderer
 
Регистрация: 16.02.2011
Сообщений: 98

Тоесть нужно что бы при нажатии на "Выпадающее меню" открылся следующее подменю а не то что после "Меню на HTML",а при нажатии на
"Меню на HTML" открылось всё что в следующем <div class="sub_menu">
Ответить с цитированием
  #6 (permalink)  
Старый 09.03.2011, 00:47
Аспирант
Отправить личное сообщение для kostr Посмотреть профиль Найти все сообщения от kostr
 
Регистрация: 12.09.2010
Сообщений: 98

Ну вот так можно:

$(document).ready(function(){

$('.menu-item-8').toggle(function() {
$(this).children('.sub_menu').slideDown(1000);
},
function() {
$(this).children('.sub_menu').slideUp(1000);
});

});


только во втором блоке поправить menu-item8 на menu-item-8 и убрать переход по ссылке.
Ответить с цитированием
  #7 (permalink)  
Старый 09.03.2011, 16:58
Аспирант
Отправить личное сообщение для NeoMurderer Посмотреть профиль Найти все сообщения от NeoMurderer
 
Регистрация: 16.02.2011
Сообщений: 98

А что это за функция children ?
Ответить с цитированием
  #8 (permalink)  
Старый 09.03.2011, 18:16
Аспирант
Отправить личное сообщение для kostr Посмотреть профиль Найти все сообщения от kostr
 
Регистрация: 12.09.2010
Сообщений: 98

Сообщение от NeoMurderer Посмотреть сообщение
А что это за функция children ?
выбирает потомков элемента this
вот, можно почитать: http://jquery-docs.ru/Traversing/children/
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
2 разных модуля на jQuery - как подключить? finder jQuery 4 23.03.2012 22:29
Не могу подогнать старый jQuery скрипт до версии 1.42 artnik jQuery 1 19.01.2011 18:02
Прикрутить готовый jquery скрипт на wordpress ldbl Работа 1 23.08.2010 22:01
оцените мой jQuery скрипт Денис Белкин Ваши сайты и скрипты 4 20.04.2010 15:28
скрипт калькулятора krIvo jQuery 0 25.09.2008 18:44