Skip to main content
Pequeños cambios
Origen Enlace
OscarGarcia
  • 28.5k
  • 3
  • 29
  • 64

Cerrar div<div> con cualquier botón

Cómo¿Cómo puedo cerrar el div también con los botones que se encuentran dentro de el, ya que logroél?

Logro hacerlo, pero solo con un botón y me interesa cerrarlo con cualquiera de los que están dentro.:

function openFunctions() {
    var div = document.getElementById("functions");
    div.classList.toggle("block");
}
#functions{
margin-top: 20px;
background-color: #eee;
display: none;
}
#functions button{
display: block;
}
.block{
display: block !important;
}
<button onclick="openFunctions()">Abrir y cerrar</button>

<div id="functions">
<button>Funcion 1</button>
<button>Funcion 2</button>
<button>Funcion 3</button>
</div>

Cerrar div con cualquier botón

Cómo puedo cerrar el div también con los botones que se encuentran dentro de el, ya que logro hacerlo pero solo con un botón y me interesa cerrarlo con cualquiera de los que están dentro.

function openFunctions() {
    var div = document.getElementById("functions");
    div.classList.toggle("block");
}
#functions{
margin-top: 20px;
background-color: #eee;
display: none;
}
#functions button{
display: block;
}
.block{
display: block !important;
}
<button onclick="openFunctions()">Abrir y cerrar</button>

<div id="functions">
<button>Funcion 1</button>
<button>Funcion 2</button>
<button>Funcion 3</button>
</div>

Cerrar <div> con cualquier botón

¿Cómo puedo cerrar el div también con los botones que se encuentran dentro de él?

Logro hacerlo, pero solo con un botón y me interesa cerrarlo con cualquiera de los que están dentro:

function openFunctions() {
    var div = document.getElementById("functions");
    div.classList.toggle("block");
}
#functions{
margin-top: 20px;
background-color: #eee;
display: none;
}
#functions button{
display: block;
}
.block{
display: block !important;
}
<button onclick="openFunctions()">Abrir y cerrar</button>

<div id="functions">
<button>Funcion 1</button>
<button>Funcion 2</button>
<button>Funcion 3</button>
</div>

Origen Enlace
Header90
  • 548
  • 3
  • 10
  • 31

Cerrar div con cualquier botón

Cómo puedo cerrar el div también con los botones que se encuentran dentro de el, ya que logro hacerlo pero solo con un botón y me interesa cerrarlo con cualquiera de los que están dentro.

function openFunctions() {
    var div = document.getElementById("functions");
    div.classList.toggle("block");
}
#functions{
margin-top: 20px;
background-color: #eee;
display: none;
}
#functions button{
display: block;
}
.block{
display: block !important;
}
<button onclick="openFunctions()">Abrir y cerrar</button>

<div id="functions">
<button>Funcion 1</button>
<button>Funcion 2</button>
<button>Funcion 3</button>
</div>