Toggle-Klick-Funktion funktioniert nicht auf mobilen Geräten

Question

Kein Web-Entwickler, also sei einfach auf mich. Ich habe wirklich hart versucht, eine Liste von Archiven auf dieser rechten Seitenleiste zu bekommen, um zu schalten - http://my-table.com/sidedish.

Es scheint auf dem Desktop gut zu funktionieren, aber nichts passiert, wenn man versucht, auf das Handy zu klicken.

Zwei Fragen:

1) Wie ich einen Zeiger/Cursor erhalten zu erscheinen, wenn über den „SideDish Archives“ schweben, damit die Menschen wissen, dass dies ein aktiver Link ist?

2) Wie bekomme ich diese Umschaltfunktion auf einem mobilen Gerät?

JQuery Ich habe für die Toggle-Funktion:

jQuery(document).on('click', '.side-archive-list h2', function() {jQuery('.side-archive-list ul').toggle(); }); 

Jede mögliche Hilfe würde geschätzt!

Answer 1

1) Das sollte es tun:

.side-archive-list:hover { 
    cursor: pointer; 
} 

2) Getestet habe ich es auf meinem Browser Handy-Simulator, und das Toggle arbeitet auf der mobilen Version just fine. Versuchen Sie, den anklickbaren Bereich durch Auffüllen zu erhöhen. This person had the same issue mit dem Umschalten auf dem Handy, weil es versehentlich zweimal toggle aufrufen. Sie haben es behoben, indem sie vorhandene Listener löschten, bevor sie einen neuen mit dem Aufruf off() hinzufügten.