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 に答える