<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

Как итог, курс совмещает в себе всё, что нужно по HTML, CSS и адаптивной вёрстке сайтов, с наглядными примерами, с обучением от простого к сложному и без необходимости иметь начальных знаний, а благодаря вспомогательной системе психологически курс проходится очень легко, а на выходе Вы сможете сделать адаптивную вёрстку любого сайта любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Как найти ошибку при выполнение события toggle в jQuery
28.11.2013 08:18:02 Как найти ошибку при выполнение события toggle в jQuery Сообщение #1
olegvasil

olegvasil

Эксперт

Эксперт

Дата регистрации:
25.03.2013 22:27:59

Сообщений: 104

Доброе утро всем!Реализую задачу с выпадающим меню (меню вертикально выпадает , и при этом по оформлению оно простое).Реализовать я решил следующим образом .При клике на ссылку в основного пункта меню открываются вложенные .Для этого решил использовать событие toggle в jQuery , передав ему две callback функции( их задача скрывать и показывать вложенный список ul .Но проблема в том , что все меню почему-то сразу исчезает


код самого меню html
<div id = "main_menu" class = "block">
<div class = "top">
<div class = "label">Меню</div>
</div>
<div class = "content_block">
<ul>
<li>
<a href = "#"><span class = "pointer"></span>Беременность и роды</a>
<ul class = "v_el">
<li>
<a href = "#"><span class = "pointer"></span>Интернет-приколы </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Прикольные рисунки </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Прикольные надписи </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Студенческие </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Админские </a>
</li>
</ul>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Воспитание детей </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Диеты и фитнес </a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Красота и здоровье</a>
</li>
<li class = "sep"></li>
<li>
<a href = "#"><span class = "pointer"></span>Кулинария</a>
</li>
<li class = "sep"></li>
</ul>
</div>
<div class = "bottom"></div>
</div>


Вот код файла main_menu.js
$(function(){
$("#main_menu .content_block ul li a".toggle(function(){
$("#main_menu .content_block ul li ul".css("display","block";
},function(){
$("#main_menu .content_block ul li ul".css("display","none";
});
});
Профиль Ответить
28.11.2013 15:24:39 Как найти ошибку при выполнение события toggle в jQuery Сообщение #2
tikkiwiki

tikkiwiki

Модератор

Модератор

Дата регистрации:
15.11.2013 15:36:59

Сообщений: 194

Возможно, Вы не верно указываете элемент. Поэтому скрывается все меню.
Профиль Ответить