图片库slidedown文本 - with style =“visibility：hidden can't make it

Question

我正在做一个图片库，在鼠标悬停时文本从图片上滑落 我的问题是我的文本div（​​）有style="visibility: hidden;"，我不知道如何将它添加到代码

这是我的代码：

<script> 
$(document).on("ready", function() 
{ 
    $('.moreInfo').hover( 
    function() { 
     var myId= "#portText-" + $(this).data('id'); 
     (myId).slideDown(200).delay(2000); 
    }, 
    function() { 
     var myId= "#portText-" + $(this).data('id'); 
     $(myId).slideUp(2000); 
    } 
); 
}); 
</script> 

我的身体：

<div class="unidad">  

    <div class="moreInfo" data-id="1"> 
    <img src="img/01/rotate.php" height="417" width="550" border="none"> 
    </div> 

    <div class="portText" id="portText-1" style="visibility: hidden;"> 

    <table class="resumen" width="100%" border="0" cellpadding="0" cellspacing="0"> 
     <tr> 
     <td><strong>Lorem Ipsum</strong> <br> 
      Lorem Ipsum text Lorem Ipsum text Lorem Ipsum text Lorem Ipsum text<br> 
      <p><a href="mb01.html" target="_self"><strong>mas info</strong></a></p> 
     </td> 
     </tr> 
    </table> 

    </div> 
</div> 

Answer 1

，如果你将visibility: hidden更改为display: none，然后.slideDown()应正确显示div。