jQuery: переключение изображения при переключении DIV

Question

Я пытаюсь написать jQuery, который будет открывать и закрывать DIV, и он работает, но мне нужна стрелка, которая изменится на «вниз», если DIV развернут, и «вправо», если DIV свернут. .

Что у меня так далеко:

  $('.toggleHead').click(function() {
   $('#arrow').attr('src', 'images/icons/down.png');
   $(this).next().toggle();
   return false;
  }).next().hide();

Куда бы я положил другой $('#arrow').attr('src', 'images/icons/right.png');?

Спасибо!

Answer 1

On #arrow - вы можете использовать .toggleClass ('open'), который будет добавлять / удалять класс 'open'.

Затем в вашем CSS вы можете установить фоновое изображение для .open, которое переопределит стрелку «вниз».

У меня есть что-то вроде

$('.accordion-multi h2').click(function() {
    $(this).next().slideToggle('normal');
    $(this).toggleClass('open');
    return false;
}).next().hide();