Question

我正在创建移动网站的下拉菜单

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

});

Answer 1

我会尝试使用：

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

而不是.hide（）;

Answer 2

有两件事让我觉得奇怪。

为什么您的ID是整数 - 有效名称以[a-z_]等开头。
你为什么要更改身份证？ ID应该是唯一标识符，并且只要元素有效就应该保留。如果您希望在元素本身中存储元素状态的信息，那么可以查看data attributes。

如果没有看到你的HTML结构，每个人都会猜测，而不是你想用ID做什么，看起来你可以逻辑地使用jQuery.toggle：

$j(".account").click(function(){
     $j(".submenu").toggle();
});

单击后如何隐藏子菜单

2 个答案: