Switcher d'image

Bonsoir,

Je bloque sur un petit bout de code, et je ne trouve pas de solutions.
J'aimerais que lorsque que je clique sur ma div header_icone, une image nommée img (dans une autre div) ait son src qui change, puis si je reclique sur ma div header_icone, le src de l'image redevienne celui d'origine.

J'ai essayé le code suivant, mais ça n'a pas l'air de fonctionner...

$('#header_icone').on({'click': function() {
    var src = ($('#img').attr('src') === '../images/logo-noir.png')? '../images/logo-blanc.png': '../images/logo-noir.png';
        $('#img').attr('src', src);
    }
});

<div class="header_logo">
	<img src="../images/logo-noir.png" id="img" alt="logo d'agence"/>
</div>
<div id="header_icone" onclick="myFunction(this)">
	<div class="barre1"></div>
	<div class="barre2"></div>
	<div class="barre3"></div>
</div>

Merci d'avance pour votre aide.

Cdl,
Flox'
Modifié par flox (04 Jan 2017 - 00:54)