单击后如何隐藏子菜单

how to hide submenu after click

本文关键字：隐藏 菜单 何隐藏 单击      更新时间：2023-09-26

我正在为手机网站创建一个下拉菜单

http://gthost.dyndns.org/kudu/en/

当我点击我的帐户并点击我们是谁时，子菜单仍然显示，，

我想在点击链接后隐藏它。

这是JavaScript代码

var $j = jQuery.noConflict();
$j(document).ready(function () {
   $j(".account").click(function () {
      var X = $j(this).attr('id');
      if (X == 1) {
         $j(".submenu").hide();
         $j(this).attr('id', '0');
      } else {
         $j(".submenu").show();
         $j(this).attr('id', '1');
      }
   });
   //Mouseup textarea false
   $j(".submenu").mouseup(function () {
      return false
   });
   $j(".account").mouseup(function () {
      return false
   });

   //Textarea without editing.
   $j(document).mouseup(function () {
      $j(".submenu").hide();
      $j(".account").attr('id', '');
   });
});

我会尝试使用:

$('.submenu').css({display:"none"});

代替。hide();

这里有两件事让我觉得奇怪。

  • 为什么你的ID是整数-有效的名字以[a-z_]等开头
  • 为什么要更改ID?ID是唯一的标识符，应该和元素一样持久。如果您希望在元素本身中存储有关元素状态的信息，那么可以查看数据属性。

没有看到你的HTML结构，每个人都会猜测，而不是你试图做的任何ID看起来你可以逻辑上使用jQuery.toggle:

$j(".account").click(function(){
     $j(".submenu").toggle();
});
相关文章：