Как я могу переключать изображения для этой кнопки развернуть / свернуть с помощью jQuery?

Question

Я хочу иметь возможность развернуть / свернуть меню, я могу это сделать, но, нажав кнопку, изображение кнопки должно измениться в зависимости от состояния свернутого меню.Я пытался, но я не могу заставить его работать так, как я хотел.

$(document).ready(function() {
    $('#toggle1').click(function() {
        $('#collapse1').slideToggle(400);   
        if (visible) {
            $('#toggle2').attr('src', 'media/collapse.png');
        }
        else {
            $('#toggle2').attr('src', 'media/expand.png');
        }
    });
    $('#toggle2').click(function() {
        $('#collapse2').slideToggle(400);
        if (visible) {
            $('#toggle2').attr('src', 'media/collapse.png');
        }
        else {
            $('#toggle2').attr('src', 'media/expand.png');
        }       
    });
});

Может кто-нибудь дать совет?

Answer 1

Это пример, который я создал для другого вопроса, подобного этому здесь.проверьте, что: http://jsfiddle.net/wFQ7U/

Answer 2

Вместо проверки, является ли переменная visible истинной или нет, просто проверьте, является ли src для изображения 'media/expand.png'.