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

Question

Я пытаюсь написать некоторый jQuery, который будет открывать и закрывать DIVs, и он работает, но мне нужна стрелка, которая изменится на «вниз», если DIV будет расширен, и "right", если 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

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

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

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

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