Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 06.06.2017, 11:17
Аспирант
Отправить личное сообщение для Giorgi Посмотреть профиль Найти все сообщения от Giorgi
 
Регистрация: 22.03.2014
Сообщений: 56

Стрелка не поворачивается
Добрый день ! Проблема у меня такая, есть меню где при клике стрела должна поворачиваться и разворачиваться, а при клике она поворачивается а разворачиваться не хочет .
1) Скриншот http://prntscr.com/fgg9qy

2) Сайт http://front-end.hol.es/adaptive/kupavna/index_2.html

3)
var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');

	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
       });
	});
Ответить с цитированием
  #2 (permalink)  
Старый 06.06.2017, 11:20
Интересующийся
Отправить личное сообщение для Kyjek Посмотреть профиль Найти все сообщения от Kyjek
 
Регистрация: 06.06.2017
Сообщений: 13

Надо добавить строку в событие при своричивании меню
arrow.removeClass("rotate");
Ответить с цитированием
  #3 (permalink)  
Старый 06.06.2017, 11:35
Аспирант
Отправить личное сообщение для Giorgi Посмотреть профиль Найти все сообщения от Giorgi
 
Регистрация: 22.03.2014
Сообщений: 56

так не работает и не сворачивает и не разворачивает
var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');

	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
         arrow.removeClass("rotate");
       });
	});
Ответить с цитированием
  #4 (permalink)  
Старый 06.06.2017, 11:54
Интересующийся
Отправить личное сообщение для Kyjek Посмотреть профиль Найти все сообщения от Kyjek
 
Регистрация: 06.06.2017
Сообщений: 13

Не уверен но попробуйте так
var down = $('ul.aside__menu > li > a');
    var down_up = $('ul.menu__sub');
    var arrow = $('ul.aside__menu > li > a i.arrow');
    arrow.removeClass("rotate");
	$(down).on('click', function (event) {
	   event.preventDefault();
       down_up.slideToggle(function () {
         arrow.addClass("rotate");
                });
	});
Ответить с цитированием
  #5 (permalink)  
Старый 06.06.2017, 12:25
Аспирант
Отправить личное сообщение для Giorgi Посмотреть профиль Найти все сообщения от Giorgi
 
Регистрация: 22.03.2014
Сообщений: 56

Нет только поворачивается а не разворачивается
Ответить с цитированием
  #6 (permalink)  
Старый 06.06.2017, 12:27
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

заменить
arrow.addClass("rotate");

на
arrow.toggleClass("rotate");
Ответить с цитированием
  #7 (permalink)  
Старый 06.06.2017, 12:41
Аспирант
Отправить личное сообщение для Giorgi Посмотреть профиль Найти все сообщения от Giorgi
 
Регистрация: 22.03.2014
Сообщений: 56

Большое спасибо заработало !!!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
при нажатии на раздел меню поворачивается маркер Сергей545 Элементы интерфейса 5 08.12.2013 22:15
Стрелка вниз на ссылке, при нажатии стрелка вверх Gasherez Общие вопросы Javascript 8 03.09.2013 00:34
Стрелка на часах Александр х@к Элементы интерфейса 2 30.06.2012 23:34
Если ввести в гугле tilt, то он поворачивается. Mахmахmахimus Оффтопик 1 15.02.2012 18:03
Стрелка от одного элемента ко второму SOTON jQuery 4 12.07.2009 01:51