What 's wrong with this code ?

I have 2 images ( image 1 and image 2 )

click on image 1 and image 2 on/off alternately


but it does not work ?

Code:

$(function(){

$("body").append('<div class="vietkeybutton">

<img src="http://2img.net/s/t/20/71/96/i_folder_new.gif" onclick="MyFunction();var img = document.getElementById("imgInfo");if (img.style.visibility === "hidden")  img.style.visibility = "visible"; else img.style.visibility = "hidden";"  />

<img id="imgInfo" src="https://upload.vstanced.com/images/2016/09/06/NQW.png" style="visibility:hidden" />

</div>')

});

try:

Code:


function change_img(){
    var img=document.getElementById("imgInfo");
    img.style.visibility ==="hidden" ? img.style.visibility="visible"  : img.style.visibility="hidden";
};

$(function () {

    $("body").append('<div class="vietkeybutton"><img src="http://2img.net/s/t/20/71/96/i_folder_new.gif" onclick="change_img();"/><img id="imgInfo"src="https://upload.vstanced.com/images/2016/09/06/NQW.png" style="visibility:hidden"/></div>')

});


or better:

Code:


function change_img(){
    var img=document.getElementById("imgInfo");
    img.style.visibility ==="hidden" ? img.style.visibility="visible"  : img.style.visibility="hidden";
};
$(function () {
    var a = '<div class="vietkeybutton"><img src="http://2img.net/s/t/20/71/96/i_folder_new.gif" onclick="change_img();"/><img id="imgInfo"src="https://upload.vstanced.com/images/2016/09/06/NQW.png" style="visibility:hidden"/></div>';
document.body.insertAdjacentHTML('beforeend', a);
});


Thank You very much, Ch@lo Valdez

It works excellent

Is this solved? If yes, please mark the topic with the solved topic icon.