how to make two submenu in sidebar

I want to create 2 submenus when the menu in the sidebar is clicked

here what i've done

  <div class="container">
            <div id="sidebar">
                <ul class="menu">
             

       <li class="parent"><a href="#" class="home">Home  ></a></li>
                        <ul class="submenu">
                            <li><a href="#" class="home">Home 11</a></li>
                            <li><a href="#" class="users">Home 12</a></li>
                            <li><a href="#" class="signout">Home 13</a></li>
                        </ul>   
                    <li><a href="#" class="explore">Explore</a></li>
                    <li><a href="#" class="users">   Users</a></li>
                    <li><a href="#" class="signout">   Sign Out</a></li>
                </ul>                  
            </div>
            <div class="main-content">                  
                <a href="#" data-toggle=".container" id="sidebar-toggle">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                </a>
                <div class="content">                       
                </div>
            </div>
        </div>  

http://jsfiddle.net/kapasaja/juwvhupb/