在页面加载jQuery上动画div不透明度

Question

我有一个jQuery幻灯片，当缩略图悬停在图片上时，图片的描述会显示在图片的较大版本中。所有这一切都很好。但是，我想改变包含图片描述的div的不透明度（因为它覆盖在较大图片的顶部）。

我不知道为什么以下代码无效。

<script type="text/javascript">
$(document).ready(function () {

$('#description').animate({opacity: 0.25},1000});
});

</script>

选择器是正确的。谢谢你的帮助

Answer 1

也许使用fadeTo？

$('#description').fadeTo(1000, 0.25);

DEMO

Answer 2

试试这个：

$(document).ready(function () {

    $('#description').animate({opacity: 0.25},1000);
     //the error is in that } after the 1000 that you have

});

小提琴：http://jsfiddle.net/maniator/QfjNb/