Tengo un botón y una etiqueta como esta:
<button id="btn">Button</button> <label id="lbl">lbl</label>Cuando hago clic en este botón por segunda vez, esa etiqueta quiere ocultarse/desaparecer
Puede utilizar el evento onclick del botón. Agregue JQuery y use el siguiente código.
var cnt = 0; $('#btn').on('click', function() { cnt++; if(cnt == 2) $('#lbl').hide(); })O, en vanilla js puedes usar
var cnt = 0; document.getElementById('btn').onclick = function() { cnt++; if(cnt == 2) document.getElementById('lbl').style.display = 'none'; };SOLUCIÓN
Usar evento JS incorporado
Hay un evento en el evento JS ondblclick que se activa solo al hacer doble clic, verifique el fragmento a continuación
function hide() { document.querySelector("label").style.display= "none"; } <button ondblclick="hide()" id="btn">Button</button> <label id="lbl">Hide me after Double clicking on button</label>Código:
button = document.getElementById("btn") label = document.getElementById("lbl") button.addEventListener('dblclick', function(){ label.style.display = 'none'; }) <button id="btn">Button</button> <label id="lbl">lbl</label>