鼠标滑动效果

鼠标滑动效果

<div class="xtggli"><li>待审核上报任务待审核上报任务待审核上报任务待审核(上报任务)待审核上报任务待审核上报任务<span>2017.02.24</span></</li></div>
            <div class="xtggli"><li>待审核(上报任务)<span>2017.02.24</span></li></div>
            <div class="xtggli"><li>待签收<span>2017.02.24</span></li></div>
            <div class="xtggli"><li>待审核(审核情况)<span>2017.02.24</span></li></div>
            <div class="xtggli"><li>待审核(审核情况)<span>2017.02.24</span></li></div>
            <div class="xtggli"><li>待审核(审核情况)<span>2017.02.24</span></li></div>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
 $(".xtggli").mouseenter(function(){
    $(this).css("background-color","#e4e4e4");
    $(this).children().children().hide();
 });
 $(".xtggli").mouseleave(function(){
    $(this).css("background-color","#FFFFFF");
    $(this).children().children().show();
 });
});
</script>