Как изменить код, чтобы в мобильной версии активация происходила на второе нажатие?

Друзья, есть список с элементами. На элементах висит ховер эффект - выскакивает красный квадрат слева. Если кликаешь на элемент то вызывается функция jQuery toggleClass. В десктопной версии все отлично. Но когда перехожу в мобильную версию возникает проблема. Дело в том, что ховер эффект в мобильной версии вызывается только тапом, но когда я тапаю на элементе это сразу вызывает toggleClass. Я хочу чтобы в мобильной версии первый тап вызывал только ховер элемента (т.е. как бы выбирал элемент), и когда элемент выбран тогда тоггл вызывался одиночным нажатием. Я почти реализовал это, но в логике кода ошибка, тоггл вызывается двойным нажатием даже когда элемент выбран.

https://jsfiddle.net/h2dgkzqj/21/