Acordeón con .css para móviles

[ceaped]

Buenas tardes
Tengo este acordeón:

http://jsfiddle.net/kmmhu/

RollOver - RollOut funciona bien en computadores
Pero en móviles (celulares) cuando doy clic sobre el botón para que se abra se queda abierto y no se devuelve.

¿Cómo hago para que en móviles tengo RollOver - RollOut?

Gracias por su ayuda

[siddartha23]

Para móviles tienes que usar el evento click en reemplazo de hover, quizá te convenga usar algo de JQuery...

[ceaped]

Hola siddartha23
Reemplazo :hover por link y no me funciona

Código CSS:

#menu_acordeon li:a:link ul{
    height: 380px;
    overflow-y: auto;
    overflow-x: hidden;
    }
 

Gracias por tu ayuda

[ceaped]

Holaaa
Alguien que me pueda ayudar...

[siddartha23]

Cuando utilizas la pseudoclase 'hover' le estas dando el siguiente comportamiento al botón: cuando el puntero del mouse se ubique sobre tí realiza tal acción, te mencionaba que lo reemplazes ya que en dispositivas móviles no existe el puntero sino utilizas tu propio dedo, por tanto es más efectivo utilizar eventos "al hacer click sobre el botón" y eso es sencillo solucionarlo con JQuery con la función click y "slide" o un "toggleClass" / "show", etc...

[ceaped]

Hola siddartha23
Pero en mi .css no puedo hacer este cambio?...

[ceaped]

Alguien que me ayude...no logro hacer con .css el evento "click"

[Marc864]

No creo que puedas crear eventos con CSS, no sé si css3 permite algo parecido. De todos modos, prueba a darle con Jquery como dice el compañero.

Iniciado por siddartha23

Para móviles tienes que usar el evento click en reemplazo de hover, quizá te convenga usar algo de JQuery...

Saludos!

[ceaped]

Hola Marc864
Me puedes ayudar y decirme como hago con .jQuery ese evento.

Gracias por tu ayuda