I have menu designed using jQuery in oracle apex.The menu is like this
Parent1
child1
child2
parent2
child3
child4
parent3
child5
child6
My problem is when I click on parent1 only child1 and child2 should display but in my case each parent gets expanded. And the user can see all the childs. Which should not happen users should only be able to see the clicked parent and child details.
My code is as follows.
$(document).ready(function() {
var msg = false;
$( .dropdown_menu ).click(function() {
msg = !msg;
if (msg)
$(this).parents( .parent_menu ).find( .child_menu ).slideDown("slow");
else
$( .child_menu ).hide();
return false;
});
});