SlideToggle函数上的Jquery图像更改

Question

我有一个功能,是div的onclick.我想更改打开的标题旁边的箭头图像,并在点击时关闭div.我写了一个函数,它可以将图像从向下(默认)更改为右边,但它不会改变它.

这是Javascript:

$("#toggle1").click(function () {
    $("#content").slideToggle("fast");

    if ($("#image1").attr('src', "images/arrow_down.gif")) {
        $("#image1").attr(
            'src', 
            $("#image1").attr('src').replace('_down', '_right')
        );
    } else {
        $("#image1").attr(
            'src', 
            $("#image1").attr('src').replace('_right', '_down')
        );
    }
});

这是HTML:

<div style="text-align:center;"><a class="header" id="toggle1">Location</a>
<img id="image1" src="images/arrow_down.gif" alt="" />          
<div id="content">

Answer 1

if ($("#image1").attr('src', "images/arrow_down.gif"))

需要是

if ($("#image1").attr('src') == "images/arrow_down.gif")