Mam pod-nawigację, która działa przy użyciu jquery - użytkownik klika element listy najwyższego poziomu, na przykład „usługi”, które uruchamia listę rozwijaną. Lista rozwijana przełącza się poprzez kliknięcie linku „usługa”. Zrobiłem to, aby użytkownik mógł kliknąć w dowolnym miejscu ekranu, aby przełączyć listę rozwijaną do stanu zamkniętego. Ale ponieważ strona jest responsywna, chcę, aby użytkownik mógł kliknąć (dotknąć) w dowolnym miejscu na ekranie, aby zamknąć listę rozwijaną, ale moim problemem jest to, że nie działa ona na urządzeniach dotykowych.

Mój kod ive setup dla kliknięcia dokumentu to:

$(document).click(function(event) { 

  if ( $(".children").is(":visible")) {
    $("ul.children").slideUp('slow');
  }

});

Zakładam, że document.click może nie działać na urządzeniach dotykowych, a jeśli nie, to jakie rozwiązanie jest potrzebne do uzyskania tego samego efektu?

Dzięki