Плагин Sticky Menu – Красивое выпадающее горизонтальное меню в WordPress,должно помочь вам

rokot, спасибо за совет, но я тут помозговал и сделал немного проще, через произвольное меню в Wordpress. Тему можно закрыть.

Можно сделать также через Ajax или CSS .

кто нибудь сможет помочь по этому вопросу
Есть страница http://www.yatagan.ru/ru/industry/
При наведении на список он выпадает поверх текста, что можно сделать чтобы он автоматом выезжал вниз двигая текст вниз

<ul id="mymenu">
<li style="text-align: center;">
<a href="/">Модули<br />
Воздухоподготовки</a><br />
<p style="text-align: left;">
<em>- Охлаждение газов </em></p>
<p style="text-align: left;">
<em>- Нагрев воздуха </em></p>
<p style="text-align: left;">
<em>- Осушение воздуха&nbsp; </em></p>
<p style="text-align: left;">
<em>- Смешение потоков </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mo.html"><strong>МО </strong>– водяной&nbsp; охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mto.html"><strong>МТО</strong> – модуль&nbsp; теплообмена</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mck.html"><strong>МСК</strong> – смесительная камера</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mko.html"><strong>МКО </strong>– осушитель воздуха</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mgf.html"><strong>МГФ</strong> – гидрофильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mkn.html"><strong>МКН – </strong>канальный нагреватель</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Фильтры<br />
Защитные</a><br />
<p style="text-align: left;">
<em>Защита<br />
Газоконвертора от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Волокон</em></p>
<p style="text-align: left;">
<em>- Сажи и жиров</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fpa.html"><strong>ФПА </strong>– аэрозольный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fk.html"><strong>ФК</strong> – карманный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fsm.html"><strong>ФСМ</strong> – сетчатый многослойный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fgo.html"><strong>ФГО </strong>– фильтр грубой очистки</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/filtrzashitn/fio.html"><strong>ФИО </strong>– ионообменный фильтр</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Электростатические</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Дымов </em></p>
<p style="text-align: left;">
<em>- Смол </em></p>
<p style="text-align: left;">
<em>- Аэрозолей </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/du.html"><strong>ДУ </strong>– электростатический</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/dua.html"><strong>ДУА</strong> – с&nbsp; промывкой</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/electrosekcii/duk.html"><strong>ДУК</strong> – картриджный</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции<br />
Плазменные</a><br />
<p style="text-align: left;">
<em>Очистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Газов </em></p>
<p style="text-align: left;">
<em>- Паров </em></p>
<p style="text-align: left;">
<em>- Запахов </em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000.html"><strong>1000</strong>,&nbsp; плазменный, 10 кВ</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/plazmasekci/plazma1000x.html"><strong>1000Х</strong>, плазменный 15 кВ</a></li>
</ul>
</li>
<li style="text-align: center;">
<a href="/">Секции Финишной<br />
Очистки Воздуха</a><br />
<p style="text-align: left;">
<em>Доочистка воздуха от: </em></p>
<p style="text-align: left;">
<em>- Пыли </em></p>
<p style="text-align: left;">
<em>- Газов</em></p>
<p style="text-align: left;">
<em>-&nbsp; Запахов</em></p>
<ul>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ce.html"><strong>СЕ </strong>&nbsp;– сорбционный фильтр</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/cec.html"><strong>СЕС</strong> – сорбционный&nbsp; усиленный</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckt.html"><strong>СКТ</strong> – каталитический, тканевый</a></li>
<li style="text-align: left;">
<a href="http://www.yatagan.ru/ru/industry/moduli/sekcifinish/ckn.html"><strong>СКН </strong>– каталитический, насып-й</a></li>
<li style="text-align: left;">
<a href="/"><strong>СРМ</strong> – регулятор мощности</a></li>
</ul>
</li>
</ul>



#mymenu {
float: left;
width: 720px;
margin: 5px 5px;
list-style: none;
}

#mymenu li {
float: left;
width: auto;
padding: 0 5px;
font-size: 18px;
list-style: none;
}

#mymenu li ul {
display: none;
width: 200px;
list-style: none;
}

#mymenu li:hover ul {
display: block;
position: absolute;
list-style: none;
margin: 0;
padding: 0;
height:200px;
}

#mymenu li ul li {
float: left;
width: 200px;
padding: 5px 0;
font-size: 14px;
}

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

какой спойлер, на родном языке говори

dchirkov, там в форме ответа слева есть пункт спойлер, жмите на него, появится окошко, туда и вставляйте код свой, чтобы не растягивать страницу.

Если не затруднит, раскажите — как? Я произвольное меню умею только в сайдбар вставлять.
Спасибо

NekiNeko, вот ссылочка на видеоролик! на ютуб, все делал по нему.