jquery - Bootstrap はモバイル版で自動的にドロップダウンします

Question

私はブートストラップ 3 に基づいてサイトを開発しています。この js コードを使用して、ホバリング時にドロップダウンが自動的に折りたたまれるようにしました。

//Make Menues Drop Automaticaly
$('.navbar .dropdown').hover(function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideDown();
}, function() {
  $(this).find('.dropdown-menu').first().stop(true, true).delay(100).slideUp('fast')
});

これは正常に動作していますが、モバイル バージョンでも問題が発生しています。メニュー項目にカーソルを合わせると、モバイル メニューでも自動的に折りたたまれます。これを修正する方法がわかりません。誰かがこれを手伝ってくれれば幸いです。