Скрипт на jQuery
 

У меня есть рабочий скрипт выпадающего меню на jQuery:

$(document).ready(function(){


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




});

Вот как мне сделать что бы выпадал не определённый див с классом ,а следующий див с этим классом?

Похоже у всех отпуск :(

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

Следующий элемент выбрать - это $(this).next()

Вот смотрите сам код меню

<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>

Тоесть нужно что бы при нажатии на "Выпадающее меню" открылся следующее подменю а не то что после "Меню на HTML",а при нажатии на
"Меню на HTML" открылось всё что в следующем <div class="sub_menu">

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

$(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 и убрать переход по ссылке.

А что это за функция children ?

выбирает потомков элемента this
вот, можно почитать: http://jquery-docs.ru/Traversing/children/