jQuery 질문합니다. 채택완료

<ul class="<strong><span style="color:#ffffff;"><span style="background-color:#c0392b;">1depth</span></span></strong>">

    <li>

        <a></a>

        <ul class="<strong><span style="color:#ffffff;"><span style="background-color:#e67e22;">2dept</span></span></strong>">

            <li>

                <a></a>

            </li>

            <li>

                <a class="<strong>menu</strong>"></a>

            </li>

        </ul>

    </li>

<ul>

<script>

$(document).ready(function(){

    $( "<span style="background-color:#c0392b;"> <span style="color:#ffffff;"> .</span></span><strong><span style="color:#ffffff;"><span style="background-color:#c0392b;">1depth  </span></span></strong> > li:nth-child(1) <strong><span style="color:#ffffff;"><span style="background-color:#e67e22;"> .2depth </span></span></strong>" ).show();

    $( "<span style="background-color:#c0392b;"> <span style="color:#ffffff;"> .</span></span><strong><span style="color:#ffffff;"><span style="background-color:#c0392b;">1depth  </span></span></strong> > li" ).on( "click", function(){

        $(this).children( "<strong><span style="color:#ffffff;"><span style="background-color:#e67e22;">  .2dept  </span></span></strong>" ).slideDown(500);

        $(this).siblings().children( "<strong><span style="color:#ffffff;"><span style="background-color:#e67e22;">  .2dept  </span></span></strong>" ).slideUp(500);

    } );

});

<script>