Buenos dias
Tengo este código para un menú desplegable cuando hago click en el botón
el css es
Código HTML:
#main-check2{
display: none;
}
#main-check2:checked ~ nav{
height: 265px;
}
#hd{
height: 10px;
margin-top:-1px;
label{
font-weight: normal;
cursor : pointer;
}
nav{
background-color: #E5E5E5;
border-radius: 20px;
}
.snav{
div{
text-align: center;
margin: 10px;
float: inherit !important;
}
}
}
#dos{
position: relative;
top: -74px;
left: 50px;
}
el html es
Código HTML:
<div class="col-md-2" id="hd" tyle="height:20px">
<input type="checkbox" id="main-check2">
<label for="main-check2">
<img style="margin-left:9px; margin; margin-bottom:1px" src="img/menu/diagrama-off.png" />Diagramas
</label>
<nav style="width: 110px">
<ul class="snav">
<div class="col-md-2">
<a ui-sref="rsm.p.odontogram({type:'plaque'})"><img src="img/menu/btn_placa-off.png"/>Placa</a>
</div>
<div class="col-md-2">
<a ui-sref="rsm.p.odontogram({type:'odontogram'})"><img src="img/menu/btn_odontograma-off.png"/>Od/grama</a>
</div>
<div class="col-md-2">
<a ui-sref="rsm.p.periodontalchart"><img src="img/menu/btn_periodontograma-off.png"/>Per/grama</a>
</div>
</ul>
</nav>
<img id="dos" src="img/menu/separador.png">
</div>
Lo que quiero es q cuando haga click en los botones se guarde el menú que se desplego?
Como puedo hacer esto
(los botones cargan la info en un dvd entonces no cambia de pagina por eso los botones no se esconden)
Gracias