mouseover和mouseout的切换问题

$(".bttt").mouseover(function (){
        $("#footpanel").fadeIn("slow");
        $(".bttt").fadeOut("slow");
    }).mouseout(function (){
        $("#footpanel").fadeOut("slow");
        $(".bttt").fadeIn("slow");
    });

想让一个DIV鼠标移进来显示，移出消失.
现在鼠标放在上面后，连续显示消失。。。不知道哪里出问题了

这段代码很矛盾啊，为什么会有一个ID和一个CLASS呢？楼主到底是想用哪种方式来作为该div的jQuery选择器标志？