Изменение положения элемента / возврат в исходное состояние

@Ofelion · Регистрация: 26.01.2015

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
Возникла проблема - при клике на вопрос, нужно чтобы стрелочка, находящаяся рядом, поворачивалась на 180 градусов, при повторном клике - возвращалась в исходное положение.

На данный момент при первом клике положение стрелочки меняется, но при повторном - нет.

HTML5

                                         li.issues__item
                        span.numer
                            |4  
                        .issue-answer__wrap                 
                            .issue__link                
                                |Могу ли я приобрести карту в подарок?
                                img.arrow(src="img/arrow-bottom.png", alt="")
                            p.answer
                                |Карта оформляется на человека, который ее активировал. Но ею могут пользоваться и 
                                                                 другие лица в пределах одного автомобиля.

Javascript

script(type='text/javascript').
    $(document).ready(function(){
        $(".issue__link").click(function(){
        $(this).find(':first-child').css("transform","rotate(180deg)");
        $(this).next().slideToggle("slow");
        $(this).toggleClass("active"); return false;
 
 
        });
    });

@Ofelion · 06.09.2017, 18:13 **[ТС]**

Что-то код отображается сумбурно. Вместо html - jade.
ДЛя наглядности прикрепляю скрины

@Ofelion · 07.09.2017, 08:47 **[ТС]**

Вопрос решён.
1) Создаём класс, допустим .rotate{transform: rotate(180deg}
2) Вписываем в js:

Javascript

script(type='text/javascript').
    $(document).ready(function(){
        $(".issue__link").click(function(){
        $(this).find(':first-child').toggleClass('rotate'); // вот эту строку прописываем
        $(this).next().slideToggle("slow");
        $(this).toggleClass("active"); return false;
 
 
        });
    });

@Ofelion 14 / 14 / 16 Регистрация: 26.01.2015 Сообщений: 213
	06.09.2017, 18:13 [ТС]	2
	Что-то код отображается сумбурно. Вместо html - jade. ДЛя наглядности прикрепляю скрины Миниатюры 0

	07.09.2017, 08:47