Member 14809609 Ответов: 1

Мне нужно изменить значок, когда я нажимаю на него

<div class="expand-icon">
на <а href="#rulesTreeDiv" класс="свернутые" данные-переключение="свернуть"и GT;
на <i класс="ФАС Альфа-разверните-значок значок-1х"&ГТ;&ЛТ;/я и GT;
в <!-- на <i класс="ФАС Альфа-компресс-значок значок-1х"&ГТ;&ЛТ;/я и GT; --&ГТ;
</a>
</div>


Когда я нажимаю на значок expand-alt div скроется, а затем значок должен измениться на значок ниже
div скрывается, и значок не меняется, когда я нажимаю кнопку

Что я уже пробовал:

$("#expand-icon").click(функция(){
$(этот).найти("я").toggleClass("ФАС Альфа-компресс-АЛТ");
});

1 Ответов

Рейтинг:
0

Richard Deeming

Попробуй:

$(".expand-icon").click(function(){
    var me = $(this);
    var isCollapsed = me.find("a[data-toggle='collapse']").is(".collapsed");
    me.find("i.fas").toggleClass("fa-expand-alt", !isCollapsed).toggleClass("fa-compress-alt", isCollapsed); 
});
Демонстрация[^]