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

Question

[Виталий]

Нужно, чтоб при нажатии на стрелочки и/или на надпись "ПОКАЗАТЬ ВСЕ" выполнялось одинаковое действие. А именно:
1) Стрелочки показывали вверх (transform: rotate(180deg);)
2) Надпись менялась на "Скрыть"
3) Слайдились несколько скрытых пунктов li списка ul. На бутстрапе они имеют класс .hidden
4) И при повторном нажатии все менялось обратно!

$('.arrow, .button').click(function(){
$('.arrow i').css('transform', 'rotate(180deg)'),
$('.toggle_list li.hidden').toggle('.hidden');
});

Comments

[OVK2015]

классы добавляйте/удаляйте с rotate(180deg)/rotate(0deg)

[Виталий]

OVK2015: не выходит

[OVK2015]

Виталий: Что не выходит?
expand{'transform', 'rotate(180deg)'}
short{'transform', 'rotate(180deg)'}
Сначала у эл-та с $('.arrow i') есть еще css класс short
При клике
$('.arrow i').hasClass('short') ? $('.arrow i').removeClass('short').addClass('expand') : $('.arrow i').removeClass('expand').addClass('short')
В общих чертах как-то так

[Виталий]

я еще слаб в этом. Пытаюсь через событие click сделать