I have some sort of a accordion menu

   <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>

So basically how this works is that both Category title 1 and Category title 2 are visible and Item 1 and Item 2 both have style

display: none

applied. When I click on Category title 1 js applies .active on

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

which applies display:none on it. I also have a style

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

and the problem is that on an emulator everything works fine, but on an actual Android device this options do not appear consistently, sometimes the style is applied and sometimes it don't and I can't find the source of this problem. Has anyone experienced the same problems and is there any solution to it?