triggering jQuery show on focus не работает на мобильном телефоне

Question

Я запускаю показ текстового поля, когда я сосредотачиваюсь на флажке с надписью «other», поэтому пользователю это нужно только тогда, когда они нажимают этот выбор среди других флажков. (http://air.abricot-production.com/alliance-of-independent-restaurants/restaurant-membership-application.html).

<script> 
    $(document).ready(function(){ 
     $(".BusTypeOtherTextArea").hide(); 
      $(".BusTypeOther").focus(function() { 
       $(".BusTypeOtherTextArea").show("fast"); 
       return false; 
      }); 
     }); 
    </script> 

фокус работает нормально на рабочем столе, но не на мобильном? Если я использую клик, он работает на обоих, но не оставляет флажок. Как сделать эту работу для мобильных устройств?

Answer 1

Это решение работает:

$(document).ready(function(){ 
    $(".BusTypeOtherTextArea").hide(); 
     $(".BusTypeOther").one('click focus', function() { 
      $(".BusTypeOtherTextArea").show("fast"); 
      return false; 
     }); 
    }); 

Answer 2

Я думаю, что обходной путь для этого, как я вижу, это должно быть что-то вроде:

$('.checkBox').click(function(){ 
    if($(this).prop('checked')) { 
    // show textarea 
    } else { 
    // hide 
    } 
}); 

Я предлагаю не используя фокус, особенно там, где вы не имеете этот жест в мобильных устройствах (таблетки/телефон).