Help with automatically opening menus

Help with automatically opening menus

The following code creates a menu and automatically expands the "1C" element to show the other items contained.  How do you automatically roll out the menu to the third level, to show the "3A", "3B", and "3C" elements?   I've searched elsewhere online and tried various jquery functions so far to no avail.

Thank you for the help

<!doctype html>
<html lang="en">
   <head>
      <meta charset="utf-8">
      <title>jQuery UI Menu functionality</title>
      <!-- CSS -->
      <style>
         .ui-menu {
            width: 200px;
         }
      </style>
      <!-- Javascript -->
      <script>
         $(function() {
            var menu = $("#menu-4").menu();
            setTimeout(function(){$( "#menu-4" ).menu().find( "#2c" ).mouseenter();},1000);
         });
      </script>
   </head>
   <body>
      <!-- HTML --> 
      <ul id="menu-4">
         <li><a id=1A href="#">1A</a></li>
         <li><a id=1B href="#">1B</a></li>
         <li><a id=1C href="#">1C</a>
            <ul>
               <li><a id=2A href="#">2A</a></li>
               <li><a id=2B href="#">2B</a></li>
               <li><a id=2C href="#">2C</a>
                <ul>
   <li><a id=3A href="#">3A</a></li>
   <li><a id=3B href="#">3B</a></li>
   <li><a id=3C href="#">3C</a></li>
    </ul>
              </li>
            </ul>
         </li>
      </ul>
   </body>
</html>