+7-499-703-00-44
заказать звонок
Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Спасибо за оставленную заявку
Ожидайте звонка
Готовые решения для Вашего бизнеса
Увеличу число заявок, продаж и прибыль через интернет. Гарантировано!


Мое предложение
Мое предложение

Дорогой друг. Я занимаюсь комплексным развитием интернет-проектов. За годы работы у меня накопилось много интересных решений которые работают под разные бюджеты. Я уверен, что могу предложить тебе что-то интересное.

Вид услуги *
Разработка сайтаКонтекстная рекламаСЕО продвижениеАналитикаПоддержка и ведениеГотовые сайты

Бюджет *
До 3 000 руб.До 6 000 руб.До 10 000 руб.До 15 000 руб.До 20 000 руб.До 25 000 руб.До 30 000 руб.До 60 000 руб.До 100 000 руб.

Введите ваше имя *

Введите контактный e-mail (на него я отправлю коммерческое предложение) *

Ваше сообщение

Спасибо за оставленную заявку
Ожидайте звонка

Как сделать раскрывающееся меню в JavaScript

Сайт дня: Сервис автоматической верстки сайтов PSD2HTMLConverter.com позволяет осуществлять верстку psd макетов в html и css за 5-10 минут.

В этом уроке я расскажу как сделать раскрывающееся меню в JavaScript. Даную схему можно использовать для любых движков, будь то: WordPress, Joomla, Bitrix, Ucoz, или просто сайт на PHP без CMS.

Ниже представлен JavaScript, который нам нужно вставить на сайт в то место, где вы хотите иметь раскрывающееся меню.
В данном случае я буду рассматривать движок WordPress и вставляю меню буду в сайдбар.

Что б вставить данный скрипт в сайдбар, нужно активировать плагин, который будет задействовать JavaScript, PHP в сайдбаре. Таких плагинов много, но я рассмотрю плагин Ad Codes Widget.

И так, находим плагин, устанавливаем, активируем. Далее идем в админ меню — виджеты.

Видим виджет плагина Ad Codes Widget. Далее мы его просто перетягиваем в место, где должно располагаться меню. У меня оно будет располагаться в сайлдбаре и вставляем код меню.

Далее, смотрим как работает меню. На фото 1 меню в закрытом состоянии, на фото 2 меню в открытом состоянии.

Ниже представлен сам код меню.

[php]

<script type="text/javascript">// <![CDATA[
function Menu(id)
{
var menu = document.getElementById(‘menu_’ + id).style;
if (menu.display == ‘none’)
{
menu.display = ‘block’;
}
else
{
menu.display = ‘none’;
}
}
// ]]></script></pre>
<ul>
<li onclick="javascript:Menu(‘1’)">Текст 1
<ul id="menu_1" style="display: none;">
<li><a href="#">Текст 1.1</a></li>
<li><a href="#">Текст 1.2</a></li>
</ul>
</li>
<li onclick="javascript:Menu(‘2’)">Текст 2
<ul id="menu_2" style="display: none;">
<li><a href="#">Текст 2.1</a></li>
<li><a href="#">Текст 2.2</a></li>
</ul>
</li>
</ul>
<pre>

[/php]

Похожие статьи

Заказать обратный звонок

Я свяжусь с Вами в течении 10 минут и отвечу на все Ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

Введите контактный e-mail *

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для обсуждения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

Введите адрес сайта, который нуждается в продвижении *

или позвоните нам по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
[contact-form-7 404 "Not Found"]
Спасибо за оставленную заявку
Ожидайте звонка
Заказ СЕО продвижения
Введите ваше имя и телефон.
Я лично свяжусь с Вами для обсуждения деталей.

Введите ваше имя *

Введите контактный телефон *

Введите ваш Скайп *

Спасибо за оставленную заявку
Ожидайте звонка

Расчет стоимости
Введите ваше имя и телефон.
Я лично перезвоню Вам для уточнения деталей,
необходимых для расчета стоимости проекта.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Хочу так же
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Начать сотрудничество
Введите ваше имя и телефон.
Я лично перезвоню Вам,
чтобы ответить на ваши вопросы.

Введите ваше имя *

Введите контактный телефон *

или позвоните мне по телефону
+7-499-70-300-44
Спасибо за оставленную заявку
Ожидайте звонка
Обсудить условия
Вкратце опишите Вашу ситуацию или задайте свои вопросы, я свяжусь с вами в течении 15 минут в рабочее время
Введите контактный E-mail (используется для ответа)

Введите контактный телефон

Сообщение

Спасибо за оставленную заявку
Ожидайте звонка