Как реализовать событие click?

Question

Виталий @vetalsd2

front-end Trainee

JavaScript

Как реализовать событие click?

Нужно, чтоб при нажатии на стрелочки и/или на надпись "ПОКАЗАТЬ ВСЕ" выполнялось одинаковое действие. А именно:
1) Стрелочки показывали вверх (transform: rotate(180deg);)
2) Надпись менялась на "Скрыть"
3) Добавлялись несколько скрытых пунктов li списка ul. На бутстрапе они имеют класс .hidden
И при повторном нажатии все менялось обратно.
$('.arrow, .button').click(function(){
$('.arrow i').css('transform', 'rotate(180deg)'),
$('.toggle_list li.hidden').toggle('.hidden');
});

Вопрос задан более трёх лет назад
390 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2016-08-07 01:24:54

$('.arrow, .button').click(function(){
$('.arrow i').css('transform', 'rotate(180deg)'),
$('.toggle_list li.hidden').toggle('hidden');
$('.pokaz-vse').text(function(i,text) {
			return text === "СКРЫТЬ" ? "ПОКАЗАТЬ ВСЕ" : "СКРЫТЬ";
		});
});

p.s. а вообще в иделае тебе надо в скрипте просто класс какой нить туглить типа "active" - а все стили уже делать в css

Как реализовать событие click?

Войдите на сайт