jQuery .click div Inhalt wechseln

Question

Im Moment habe ich das folgende div ein bestimmtes Ergebnis

<div id="results"> 
     <span id="eresult">0</span>| 
     <span id="gresult">0</span>| 
     <span id="aresult">0</span>| 
     <span id="presult">0</span>| 
     <span id="vpresult">0</span> 
    </div> 

jedoch angezeigt werden, ich möchte die Sichtbarkeit wechseln, wenn ich auf der folgenden Eingabetaste klicken:

<input id="rbu" type="image" src="toggle.png" width="50" height="50"> 

Dies ist meine jQuery

$("#rbu").click(function() { 
    $("#results").toggle(); 
}); 

Die div verschwinden nicht, wenn darauf geklickt aber nicht wieder erscheinen. Wie kann ich es wieder anzeigen lassen?

Answer 1

Dies funktioniert mit Chrome, ohne Änderung im Code:

$("#rbu").click(function() { 
 
    $("#results").toggle(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="results"> 
 
    <span id="eresult">0</span>| 
 
    <span id="gresult">0</span>| 
 
    <span id="aresult">0</span>| 
 
    <span id="presult">0</span>| 
 
    <span id="vpresult">0</span> 
 
</div> 
 

 
<input id="rbu" type="image" src="toggle.png" width="50" height="50">

Der Fehler an anderer Stelle im Code sein kann, versuchen Sie, Putze es ?

Answer 2

versuchen mit

$("#rbu").click(function() { 
    if($("#results").is(':hidden')) $("#results").show(); 
    else $("#results").hide(); 
}); 

Answer 3

nicht verwenden .click - wenn Ihr dom geändert, es funktioniert nicht mehr arbeiten .. versuchen .on Methode:

$("#rbu").on('click', function() { 
    $("#results").toggle(); 
}); 

wenn #rbu ein Link oder eine Schaltfläche mit eigenen Hörern (Ereignisse), versuchen Sie dies:

$("#rbu").on('click', function(event) { 
     event.preventDefault(); 
     $("#results").toggle(); 
});