JS, как изменить направление стрелки у раскрывающегося блока?

Question

[toster111]

Здравствуйте, есть такой спойлер:

jQuery(document).ready(function(){ 
                  $('.spoiler-title').click(function(){
		  $(this).parent().children('.spoiler-body').slideToggle(600);	 
		  $(this).css('transform','rotate(180deg)');
		  return false;
		 });
		});

Он открывает скрытый блок нажатием на стрелочку.
В .spoiler-title фоном задана картинка со стрелочной вниз, при клике .spoiler-title должен развернуться в обратную сторону, и разворачивается , но только 1 раз, а дальше остается в том же положении (стрелочка вверх), сколько не нажимай, знаний в js очень мало, не могу понять, в чем дело.

Заранее спасибо.

Comments

[Модератор]

toster111 дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

Answer 1

[Exploding]

А нужно то, всего навсего просто переключить класс CSS*:

jQuery(document).ready(function(){ 
	$('.spoiler-title').click(function(){
		$(this).next('.spoiler-body').toggleClass("active");	 
	});
});

* создав его предварительно конечно-же

Comments

[toster111]

Спасибо, очень удобная функция, все работает!

[Exploding]

toster111, Ну и отлично. В таком случае, отметьте ответ решением и в дальнейшем не забывайте об этом:)