jQueryショーがモバイルで動作しない場合

Question

「その他」というチェックボックスに注目すると、テキストエリアが表示されます。そのため、他のチェックボックスの中からその選択肢をクリックしたときにのみ必要です。 （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 
    } 
}); 

私はあなたがモバイル（タブレット/携帯電話）デバイスでこのジェスチャーを持っていけない、特に場合は、フォーカスを使用していないお勧めします。