Как ВИЗУАЛЬНО удалить класс на мобильном телефоне, когда класс уже удален (ошибка?)

Question

Звучит странно ... я получил 4 иконки для меню мобильного телефона (поиск по корзине меню). При нажатии я добавляю класс 'open' к значку и удаляю класс при закрытии / переключении.

Все отлично работает на рабочем столе, но когда я смотрю в каждом мобильном браузере, у меня та же ошибка. когда я снова нажимаю, чтобы закрыть, значок выглядит так, как будто класс все еще там. (но класс удаляется в dom!) .. Я должен нажать в другом месте, чтобы визуально удалить стиль, связанный с моим классом.

просто извлечение, лучше всего видеть перо на codepen

 if($clickSur=='menu_responsive'){ 
  if($_sousmenu.is(':visible')){
      $_panier.removeClass('open');
      $_compte.removeClass('open');
      $_recherche.removeClass('open');
    if($_navigation.hasClass('open')){
      $_sousmenu.css('display','none');
      $_sousmenuContent.html('');
      $_navigation.removeClass('open');
      $("#test").focus();
      }
    else{
      $_sousmenuContent.html($('#navigation').html());
      $_navigation.addClass('open');
      }
    }
  else{
    $_sousmenu.css('display','block');
    $_panier.removeClass('open');
    $_compte.removeClass('open');
    $_recherche.removeClass('open');
    $_navigation.addClass('open');
    $_sousmenuContent.html($('#navigation').html());
    }
  }

вот мой рабочий кодекс

ВАЖНО! Нужно просматривать на мобильном телефоне, чтобы понять проблему.

Я пытался размыть или сфокусировать что-то еще, например ввод, но он теряет только визуальный стиль при записи в другом месте.

Это ошибка? Спасибо за вашу помощь