这几句代码为什么不正确

$(function($){
    $(".slideList").hover(function(){
        $(this).children('.default').hide();
        $(this).children('.active').show();
        $(this).siblings().children('.default').show();
        $(this).siblings().children('.active').hide();
    },function(){});
})

报错为
'guid'为空或不存在

我在选项卡中使用了这个
加载后使用正常

但我点击选项卡后，再切换回来
就不正常了

请问什么原因

我控制的HTML代码片断为
<div class="slideList">
    <div class="active">
        <div class="photo"><a href="#" ><img src="#" /></a></div>
        <p><span>ccc：</span><a href="#" >zz</a></p>
        <p>为ddd心愿！</p>
        <div class="clear"></div>
    </div>
    <div class="default">
        <p class="rank">2</p>
        <p><a href="#" >zz</a></p>
        <p class="city"><span>专长:</span>ddd </p>
        <div class="clear"></div>
    </div>
</div>
<div class="slideList">
    <div class="active">
        <div class="photo"><a href="#" ><img src="#" /></a></div>
        <p><span>ccc：</span><a href="#" >zz</a></p>
        <p>为ddd心愿！</p>
        <div class="clear"></div>
    </div>
    <div class="default">
        <p class="rank">2</p>
        <p><a href="#" >zz</a></p>
        <p class="city"><span>专长:</span>ddd </p>
        <div class="clear"></div>
    </div>
</div>