書き直されたタイトルは「jQuery でサブメニューの自動終了を実装する方法」です。
P粉312631645
P粉312631645 2023-09-16 09:10:19
0
2
1083

モバイル ビュー用の jQuery ドロップダウン メニューを作成しようとしています。私は jQuery を初めて使用しており、Toggle を使用してサブメニューの表示と非表示を切り替えています。私の問題は、メニュー項目をクリックしても、他のサブメニューが自動的に閉じないことです。たとえば、menutwo をクリックすると、menuone が自動的に閉じられるようにしたいとします。これどうやってするの?助けてください。

リーリー リーリー

P粉312631645
P粉312631645

全員に返信(2)
P粉207483087

Made it finally.

Here is my answer

jQuery(document).ready(function($) {
  $(".menuone").click(function() {
  $(".submenuone").toggle(200);
  $(".submenutwo, .submenuthree").hide(200); // Hide other submenus
  });

$(".menutwo").click(function() {
$(".submenutwo").toggle(200);
$(".submenuone, .submenuthree").hide(200); // Hide other submenus
});

$(".menuthree").click(function() {
$(".submenuthree").toggle(200);
$(".submenuone, .submenutwo").hide(200); // Hide other submenus
});
});
いいねを押す +0
P粉146080556

イベント委任を使用して他の UL を見つけて閉じます。

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート