javascript - 单击后如何隐藏子菜单

标签 javascript jquery css

我正在为移动网站创建一个下拉菜单

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

关于javascript - 单击后如何隐藏子菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15447981/

相关文章:

javascript - React - Apollo Client,如何将查询结果添加到状态

Javascript 正则表达式 - 将 { 替换为空

javascript - Kendo Grid - 不允许编辑某些记录

javascript - 为什么 img 上的这个 onclick 处理程序不起作用?

javascript - Ember.js 查询参数不尊重替换 : true and using replaceState

javascript - ExtJS:如何在另一个函数中调用一个函数?

jquery - 为什么 jQuery UI 不隐藏具有隐藏父元素的元素?

css - bootstrap组合下拉按钮空间问题

html - 如何使用 rails 5 在 Heroku 上的我的应用程序上显示图像和文本

html - 竖排文字方向