JQuery remplacement du problème d'image

Question

Je souhaite étendre un code JQuery pour remplacer une image une fois que je clique dessus. J'ai ceci:

var minimiseContent = function(e) 
{ 
    var targetContent = $('div.itemContent', this.parentNode.parentNode); 
    if (targetContent.css('display') == 'none') { 
     targetContent.slideDown(300); 
     var minIcon = $('minimise', this.parentNode.parentNode); 
     $(minIcon).attr("src", "../IMG/btnMinimise.png"); 

    } else { 
    targetContent.slideUp(300); 
     var minIcon = $('minimise', this.parentNode.parentNode); 
     $(minIcon).attr("src", "../IMG/btnMaximise.png"); 

    } 
    return false; 
}; 

qui est appelé à partir de celle-ci:

$ ('a.minimise') se lient (clic, minimiseContent);.

et déclaré comme ceci:

<a href="#" class="minimise"><img src="../IMG/btnMinimise.png" class="minimise" /></a> 

essentiellement les deux lignes dans la première partie du codage devraient gérer à savoir

var minIcon = $('minimise', this.parentNode.parentNode); 
      $(minIcon).attr("src", "../IMG/btnMinimise.png"); 

et

 var minIcon = $('minimise', this.parentNode.parentNode); 
     $(minIcon).attr("src", "../IMG/btnMaximise.png"); 

Mais je ne savoir pourquoi l'image n'est pas remplacée. minimiser est une classe dans le fichier css. Le reste du codage fonctionne.

J'ai essayé de remplacer $ (minIcon) par $ (this), $ (img.minimise), mais aucun ne fonctionne. Quelqu'un sait-il des solutions?

Answer 1

Ma première impression est que vous voulez remplacer:

var minIcon = $('minimise', this.parentNode.parentNode); 

Avec ceci:

var minIcon = $('img.minimise', this.parentNode.parentNode); 

Answer 2

Vous n'avez pas besoin de la balise <a>. La balise img peut également avoir un événement click.

Aussi, je pense que c'est un bon cas d'utilisation de la fonction toggle:

$("img.minimise").toggle(
    function() { 
    $(this).attr("src", "../IMG/btnMinimise.png") 
    }, 
    function() { 
    $(this).attr("src", "../IMG/btnMaximise.png"); 
    } 
); 

Il alterne appels de fonction à chaque clic.