在hmtl中经常会有如下的代码：
<div class="social_nav5">
<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是个好东西，要认真学习。