con lo que deseas hacer se me ocurren 3 escenarios
1.- javascript
Código HTML:
Ver original<span onclick="mostrar('id1');">Mostrar
</span> <div id="id1" style="display:none;">mostrar contenido
</div>
Código Javascript
:
Ver originalfunction mostrar(id){
var xx = document.getElementById(id)
if(xx.style.display=='none'){
xx.style.display = 'block';
}else{
xx.style.display = 'none';
}
}
2.- jquery
Código CSS:
Ver original.btn+div{display:none;}
.btn.sel+div{display:block;}
Código Javascript
:
Ver original$('.btn').click(function(){
if($(this).hasClass('sel')){
$(this).removeClass('sel');
}else{
$(this).addClass('sel')
}
});
3.- html+css
Código CSS:
Ver originalinput[type="checkbox"].hidden,input[type="checkbox"]+label+div{display:none;}
input[type="checkbox"]:checked+label{color:#f00;}
input[type="checkbox"]:checked+label+div{display:block;}