在hmtl中经常会有如下的代码：

<div class="social_nav5">

<ul>

    <li>

        <ul>

            <li>内容1</li>

            <li>内容1</li>

        </ul>

    </li>

    <li>

        <ul>

            <li>内容1</li>

            <li>内容1</li>

        </ul>

    </li>

</ul>

</div>

如果我要控制点击上面一级的li出现下一级的ul，则我需要自动获取当前被点击的li的下一级元素ul，怎么可以能过jQuery来方便的获取到这个子元素呢？

代码如下：

<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function(){
    $(".social_nav5 ul li").on('click',function(){
        $(".social_nav5 ul li ul").css('display', 'none');
        $(this).children("ul").css('display', 'block');
    });
});
</script>

这样是不是很简单啊？！jQuery是个好东西，要认真学习。