title: How to conserve parent detail when clicked on child menu in jquery
body: <p>I have menu designed using jQuery in oracle apex.The menu is like this</p>
  
  <pre><code>Parent1
      child1
      child2
  parent2
      child3
      child4
  parent3
      child5
      child6
  </code></pre>
  
  <p>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.</p>
  
  <p>My code is as follows.</p>
  
  <pre><code>$(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;
      });
  });
  </code></pre>