Cambio de imagen en la función de alternar jQuery

Question

Sep 10, 2012, 06:28 PM

Cambio de imagen en la función de alternar jQuery

Estoy tratando de cambiar una imagen usando el comando de reemplazo al alternar usando jquery ... básicamente mostrando una flecha hacia abajo que se convierte en una flecha hacia arriba después de que se revela el contenido. Este código siguiente funciona, excepto que la flecha hacia abajo no se reemplaza.

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

y aquí está el código 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");
            }
        });
    });
});