Monday 15 April 2013

How to conserve parent detail when clicked on child menu in jquery -


I have used jQuery in Oracle APX in the menu. The menu is such

  parent1 My problem is that when I only click on 1 child's parent 1 and 2 children have to show, but in my case every parent should be expanded goes. And users can see all the children who should not be a user, they should be able to see the clicked guardian and child details.  

My code is as follows.

  $ (document) .ready (function () {var msg = false; $ ('. Dropdown menu') click (function () {msg =! Msg; if (msg) $ ('.parent_menu'). ('. Child_menu') .slideDown ("slow"); and $ ('. Child_menu') Hide (); return returned;});});  

If you provide some HTML, So, I'm assuming you're using this HTML Sorry, I look at the comment you gave me.

This script should work with HTML to:

  $ (document) .ready (function () {// menu $ $ ('# menu a') Disable links in (Function () {return false}); // hide child menu $ ('. Child_menu') Hide (); // Enable accordian menu $ ('. Dropdown menu'). () {$ (This) .Parent (). ('. Child_menu') toggle ("slow"); description is false;});}); Edit: I made the following changes:  
  • I only disabled the dropdown menu link, Therefore, the child_manu link will now work
  • To close the second hair menu when clicking on a new parent, I added an "active" class, then only when you Click Hiding Then
  • The script now looks at the window hash for the location ID from the child menu, to determine which child is to display the menu. I do not know how you are changing your child's menu links (I could not go into it and add the ID to it: "f: NO :: P17_LOCATION_ID: 17"), but in some way you have to To add an ID (like # 17 ) at the end of the link: http://www.mysite.com/somepage.htm#17 . The script will take this URL and the location id is 17 and open the Belgian hair menu when it gets the ID at the end of href (see I have experimented on this selector). # Edit: You requested that the child forgot to stop the parents from hiding from hiding, so now only a single parent will be hiding the child by clicking.

Using this HTML (You are provided in a comment below):

   

with this script:

  $ (document) .ready (function () {// menu disabled Austrian link $ ('.downloaddown_menu a '). Click (function () {return false}); // hidden child menu $ ('. Child_menu '). Hide the current location id from the window. Hash var hid = window.location. Open and open the child menu that matches hash; hid = Hid.substring (1, hid.length); // id $ ('. Child_menu a [href =' '+ + +' + hid + ''] '). '. Child_menu'). And Class ('Active') Slide Down ("Slow"); // Enable Adyion Menu $ ('.d Click (function () {// to prevent hiding the hair menu if it is already open ($ (this). (). ('. Child_menu') .haxel ('active')) Return; // Find a previously active menu and close it and open a $ ('active'). RemoveClass ('("."). ('. Child_menu ') AddClass (' active ') toggle ("Slow"); returning;}};});  

Finally, I can not do anything with this script which you've added to the comment, You are not HTML either Give in


No comments:

Post a Comment