圖片庫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。