0

我正在做一个图片库，鼠标悬停时，文本会从图片中滑落。我的问题是我的文本 div ( #portText-) 有一个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>
4

1 回答 1

0

如果您更改visibility: hidden为display: none，.slideDown()则应正确显示 div。

于 2013-03-09T00:03:40.483 回答