<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

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

Подписавшись по 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

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