zarakatajamember
Préstamo impago
Épsilon
Verificación en dos pasos activada
Verificado por Binance
Buenas, quisiera poder mostrar u ocultar varios contenidos dentro de una misma Url,
he probado con esta sentencia:
<label for="show">
<span>[Mostrar]</span>
</label>
<input type="radio" id="show" name="group">
<label for="hide">
<span>[Ocultar]</span>
</label>
<input type="radio" id="hide" name="group">
<div id="content">Contenido a mostrar</div>
y en el css:
#show,#hide {
display:none;
}
div#content {
display:none;
padding:10px;
background-color:#f6f6f6;
width:200px;
cursor😛ointer;
}
input#show:checked ~ div#content {
display:block;
}
input#hide:checked ~ div#content {
display:none;
}
Funciona perfecto pero solo para un elemento. Si coloco varias veces el html porque deseo mostrar u ocultar varios div en la misma pagina, no funciona.
Cuando hago clic en mostrar, solo mostrara el primer elemente de toda la pagina y si pongo ocultar en cualquiera de los "botones" me oculta el primero.
Hay alguna forma de hacer esto funcional?
he probado con esta sentencia:
<label for="show">
<span>[Mostrar]</span>
</label>
<input type="radio" id="show" name="group">
<label for="hide">
<span>[Ocultar]</span>
</label>
<input type="radio" id="hide" name="group">
<div id="content">Contenido a mostrar</div>
y en el css:
#show,#hide {
display:none;
}
div#content {
display:none;
padding:10px;
background-color:#f6f6f6;
width:200px;
cursor😛ointer;
}
input#show:checked ~ div#content {
display:block;
}
input#hide:checked ~ div#content {
display:none;
}
Funciona perfecto pero solo para un elemento. Si coloco varias veces el html porque deseo mostrar u ocultar varios div en la misma pagina, no funciona.
Cuando hago clic en mostrar, solo mostrara el primer elemente de toda la pagina y si pongo ocultar en cualquiera de los "botones" me oculta el primero.
Hay alguna forma de hacer esto funcional?
