Tengo una especie de menú de acordeón.

 <div class="grid-item-1"> <div class="title">Category title 1</div> <a class="option1">Item 1</a> <a class="option2">Item 2</a> </div> <div class="grid-item-2"> <div class="title">Category title 2</div> <a class="option1">Item 1</a> <a class="option2">Item 2</a> </div>

Básicamente, cómo funciona esto es que tanto el título de categoría 1 como el título de categoría 2 están visibles y el artículo 1 y el artículo 2 tienen estilo.

 display: none

aplicado. Cuando hago clic en el título de categoría 1 js aplica .active en

 <div class="title">Category title 1</div>

que aplica display:none en él. yo tambien tengo un estilo

 .grid-item-1.title.active a{ display: block; }

y el problema es que en un emulador todo funciona bien, pero en un dispositivo Android real estas opciones no aparecen de manera consistente, a veces se aplica el estilo ya veces no y no puedo encontrar la fuente de este problema. ¿Alguien ha tenido los mismos problemas y hay alguna solución?