<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<div class="til">

    <ul class="ulti">

        标题1

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

    </ul>

    <ul class="ulti">

        标题1

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

        <li>

            菜单1

        </li>

    </ul>

</div>

$(document).ready(function() {

    $(".ulti").hover(function() {

        $("li", this).slideToggle(1000);

    })

});

.til{ background-color:#FF0; cursor:pointer; margin:0 auto; width:400px;}.ulti{ background-color:#6CF; float:left;list-style-type:none; padding:1px; text-align:center; margin:10px; width:150px;}.ulti li{ background-color:#F00; display:none; text-align:left;