单击后如何隐藏子菜单

Question

I'm creating a dropdown menu for mobile site

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

when I click on My Account and click on Who we are , submenu still show,,

I Want to hide it after I click on the link.

this is JavaScript code

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

i would try using:

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

instead of .hide();

Answer 2

Two things strike me as odd here.

• Why are your ID's integers - valid names start with [a-z_] etc.
• Why are you changing the ID? An ID is meant to be a unique identifier and should persist as long as the element does. If you wish to store information about the state of an element within the element itself, then perhaps look into data attributes .

Without seeing your HTML structure everyone is going to be guessing but rather than whatever you are trying to do with the ID's it looks like you could logically use jQuery.toggle :

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