[SOLUCIONADO] Reemplazar imagen de fondo

[TrinityCore]

Hola gente!!:

Primero quiero decirles que soy super nuevo en esto de javascript.
asi que espero tengan pasiencia xD.

Bueno, yo tengo una caja de mensajes rapidos en mi web, donde al dar click esta se muestra con un efecto de slideToggle, pero tambien cambia su imagen de titulo..
Tengo dos imagenes, la tipica que tiene un "mas" que hace referencia que al hacer click se mostrara contenido y otra imagen con un "menos" que hace referencia que si se clickea se mostrara menos contenido..

El problema es que no puedo hacer que vuelva a mostrar la imagen "mas"
Es decir.. la imagen por defecto es la que tiene el "mas", al dar click esta se convierte en "menos" y al dar click ps no se que codigo poner o como armarlo.. para que muestre "mas".

Este es mi code basico:

Código PHP:

          $(document).ready(function(){
            $("#mensajes_rapidos_mo").hide();
            $("#titulo_mensajes_mas").click(function(){
                $("#titulo_mensajes_mas").attr('id','titulo_mensajes_menos');
                $("#mensajes_rapidos_mo").stop().slideToggle(500);
                });
        }); 
   

Espero puedan ayudarme!, gracias de antemano!

[Alexis88]

No veo la necesidad de cambiar el valor del identificador al botón cuando lo único que hay que cambiar es el texto que aparece en él. Cuando el texto sea "+", que cambie a "-" y viceversa. ¿Cómo hacerlo? Toma el texto actual y haces la comparación; si es igual a "+", lo cambias por un "-" y cuando sea igual a "-", lo cambias por un "+". Esa sería la forma más básica de hacerlo.

Saludos

[TrinityCore]

Iniciado por Alexis88

No veo la necesidad de cambiar el valor del identificador al botón cuando lo único que hay que cambiar es el texto que aparece en él. Cuando el texto sea "+", que cambie a "-" y viceversa. ¿Cómo hacerlo? Toma el texto actual y haces la comparación; si es igual a "+", lo cambias por un "-" y cuando sea igual a "-", lo cambias por un "+". Esa sería la forma más básica de hacerlo.

Saludos

No es un texto, es una imagen, podrias dar un ejemplo? eso ayudaria bastante, gracias!

[Alexis88]

Sea texto o imagen, el cambio se va a dar.

Podrías, por ejemplo, usar una variable cuyo valor vaya cambiando por cada clic. Puede cambiar de true a false, de 1 a 0, incrementar como valor numérico de uno en uno y tomar los valores pares para una imagen y los impares para la otra, entre muchas otras formas.

Un pequeño ejemplo:

Código Javascript:

var aux = true;
 
$("#id del elemento").on("click", function(){
    if (aux){ //Si es verdadero
        aux = false; //Cambia a falso
        $(this).prop("src", "imagen1.jpg");
        //Otras instrucciones
    }
    else{ //Si es falso
        aux = true; //Cambia a verdadero
        $(this).prop("src", "imagen2.jpg");
        //Otras instrucciones
    }
});
 

Un saludo