Jquery как поменять класс елемента

175

datum

1 февраля 2016, 08:14

890

Есть такое:

<a onClick="javascript:ShowOrHide('kontakts','')" style="cursor:pointer;" class="ajax ajax-ico j-block-toggler" data-block="contacts"><span>Контактные данные</span> <i class="fa fa-chevron-down j-icon"></i></a>

Нужно при клике поменять класс fa-chevron-down на fa-chevron-up

Подскажите как это сделать?

Пробовал так:

$(".j-block-toggler").find("i").click(function(){

$(".j-block-toggler .fa-chevron-down").removeClass("fa-chevron-down");

$(this).addClass("fa-chevron-up");

});

но что-то не получается..

I2

38

indenger20

1 февраля 2016, 08:23

#1

$('.j-block-toggler').on('click', function() {
$(this).find('.j-icon')
.removeClass('fa-chevron-down')
.addClass('fa-chevron-up');
})

Как то так

Качественная верстка PSD макетов (/ru/forum/974524)

D

175

datum

1 февраля 2016, 08:29

#2

что-то не работает

5

grayCat777

1 февраля 2016, 09:21

#3

Пробуйте так:


$(".j-block-toggler").click(function(){
	if ($(this).find('i').hasClass('fa-chevron-down')) {
		$(this).find('i').removeClass('fa-chevron-down').addClass('fa-chevron-up');
	} else {
		$(this).find('i').removeClass('fa-chevron-up').addClass('fa-chevron-down');
	}
});

Этот код должен подключаться после б-ки jQuery

HTML-верстка по доступной цене (/ru/forum/923505)

WF

6

webFil

1 февраля 2016, 09:27

#4

datum:
что-то не работает

нормально работает

https://jsfiddle.net/uqc7fbjf/

1

Лендинги всего за 4500р (/ru/forum/923704)

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Переиграть и победить: как анализировать конкурентов для продвижения сайта