書き直されたタイトルは「jQuery でサブメニューの自動終了を実装する方法」です。

Question

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

リーリー リーリー

Answer 1

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
});
});

Answer 2

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

リーリー リーリー