如何使用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

只需检查image src是否为'media/expand.png' ，而不是检查visible变量是否为true 'media/expand.png' 。