jquery - 在 jquery 切换功能上更改图像

Question

我试图在使用 jquery 切换时使用替换命令更改图像。基本上显示一个向下箭头，在内容显示后变成一个向上箭头。以下代码有效，只是向下箭头没有被替换。

<img src="/images/arrow_down.png" id="#1" class="nav-toggle">
<div id="1" style="display:none">some content</div>

这是 jquery 代码

jQuery('document').ready(function($) {
    jQuery('.nav-toggle').click(function() {
        var collapse_content_selector = $(this).attr('id');
        var toggle_switch = $(this);
        $(collapse_content_selector).toggle(function() {
            if ($(this).css('display') == 'none') {

            } else {
                toggle_switch.attr("src").replace("down", "up");
            }
        });
    });
});​

Answer 1

您没有将其分配回 src，请尝试:

toggle_switch.attr("src", toggle_switch.attr("src").replace("down", "up"));