如何使用jQuery1.7制作图像fadein并进行扩展

我尝试了各种代码片段，但无法让它们执行我想要的操作

我希望能够做的是有一个href，它可以将图像从隐藏/淡出/缩小切换到展开/完全可见

我已经看了fadein/delay，也做了动画，但无法理解语法

作为一个单独的问题，我在一个标签内做这件事。如果图像或其后的文本超出了为选项卡定义的高度，我可以让选项卡滚动吗

#StockTakeSummaryPic {
width:1120px;
height:1px;}

function fncShowImage() {
$('#StockTakeSummaryPic').animate({
    opacity: 1,
    height: 'toggle'
}, 1000, function () {
    // Animation complete.
});
}


<a href="#" onclick="javascript:fncShowImage()">View</a>

#盘点汇总pic{
宽度：1120px；
高度：1px；}
函数fncShowImage（）{
$（“#盘点汇总图”）。设置动画({
不透明度：1，
高度：“切换”
}，1000，函数（）{
//动画完成。
});
}

代码添加

谢谢。

$（'.pic toggle'）。单击（函数（事件）{
event.preventDefault（）；
$（'存货汇总图'）。切换（“慢”）；
});

---

试试看。

第一个错误是，您将高度设置为

1px

，因此当您切换高度时，它会在

0

和

1

之间切换，因此无论如何都不会显示

---

查看我的示例，我给出了三个选项

切换

，

淡入

和

幻灯片

。您只需更改函数调用即可查看它们的工作方式。

发布一些代码，动画并不难，因此我们可能可以帮助您了解event.preventDefault（）的作用是什么？无法使单击函数工作。我所做的只是将href上的类更改为ID，然后将jquery中的选择器更改为处理ID。很高兴听到这个消息。函数的作用是：阻止浏览器尝试转到href URL。就你的情况而言，这只是“#”，所以不算太糟，谢谢。我使用了切换事件。

<script>
$('.pic-toggle').click(function(event) {
    event.preventDefault();
    $('#StockTakeSummaryPic').toggle("slow");
});
</script>


<a class='pic-toggle' href="#">View</a>