jQuery or JavaScript menu drop down on click -

right now, i'm trying build vertical menu have drop down sub menu below it.

below html , jquery function using:

$(function() {      $('#menusomething > li').click(function(e) {          e.stoppropagation();          var $el = $('ul', this);          $('#menusomething > li > ul').not($el).slideup();          $el.stop(true, true).slidetoggle(400);      });      $('#menusomething > li > ul > li').click(function(e) {          e.stopimmediatepropagation();      });  });

<div id="navmenu">    <ul id="menusomething" style="padding-left:30px">      <li><a href="#">home</a></li>      <li><a href="#">about</a></li>      <li><a href="#">chapters</a></li>      <ul class="submenu">        <li><a href="#">dallas</a></li>        <li><a href="#">los angeles</a></li>        <li><a href="#">new york</a></li>        <li><a href="#">northern california</a></li>        <li><a href="#">orange county</a></li>        <li><a href="#">phoenix</a></li>        <li><a href="#">san diego</a></li>        <li><a href="#">washington dc</a></li>      </ul>      <li><a href="#">member services</a></li>

figured out answer sees this. first had move closing li tag chapters end of .submenu used , works wanted.

$(function() {   $('#menusomething li > .submenu').parent().click(function() {  var submenu = $(this).children('.submenu');  if ( $(submenu).is(':hidden') ) {  $(submenu).slidedown(400);  } else {  $(submenu).slideup(400);  } }); });