Cita:  
					Iniciado por MMan  
  http://jsfiddle.net/nvzfh8ek/
 
y otra vez desde 0, buena la practica
 
con checkboxes
 
aunque le falta arreglar las animaciones
    Hola @MMan, respecto al código anterior cuando usabas jquery y sin checkboxes 
http://jsfiddle.net/s1fpz40c/4/, he notado que esta sentencia afecta a las etiquetas <a>. ¿Se puede evitar?  
Código:
 #sidebar ul li:focus ul,
#sidebar ul li:active ul{
    right:0px;
}
  Cada vez que clickeo en una en una sentencia del tipo:
<li><a> ...el menú desliza, y no es la idea.
Lo "solucioné", poniendo <li><span> en su lugar. 
No entiendo porqué funciona así. Gracias!!