本人初学js，有点基础问题请教一下

<script type="text/javascript">

            $(document).ready(function () {

                $(".two_middle1_li").mouseover(function () {

                    var str=$(this).attr("id");

                    if (str == "fzjs") {

                        $("#heiban_p1").fadeIn(1000);

                    }

                    else if (str == "snkjm") {

                        $("#heiban_p2").fadeIn(1000);

                    }

					else if (str == "zygj") {

                        $("#heiban_p3").fadeIn(1000);

                    }

					else if (str == "xgsy") {

                        $("#heiban_p4").fadeIn(1000);

                    }

					else if (str == "zzjg") {

                        $("#heiban_p5").fadeIn(1000);

                    }                          

                })

				$("li").mouseout(function () {

                    $("#heiban p").css("display", "none");

                });

            });

         

</script>

但是在列表快速上下移动鼠标会出现这种情况

请问怎样才能解决呢？

还有，就是我的内容只有文字，有没有其他方法只用一个div就能改变内容呢？
希望各位帮帮我，谢谢。
------解决方案--------------------
每个上面加个stop，用法自己查查。

$("#heiban_p5").stop().fadeIn(1000);

------解决方