jquery叠加与动画高度的图像

Question

我在jquery中进行了一些转换，我陷入困境。我想单击以红色背景与此div中的图像重叠div。

HTML

<div id="img_div1"> 
<img class="img" src="" id="img" /> 

CSS

#img_div1 
{ 
width:333px; 
height:70px; 
background:url("img/1.jpg"); 
} 

的jQuery

$（文件）。就绪（函数（）{ $（ “＃img_div1”）点击（函数（）{
$（” IMG1 “）动画（{” 高度 “：” 70像素“}，1000）.attr（”src“，”http://gglys.com/images/logo.png“）; }）; }）;

这里是我的CODE IN的jsfiddle

http://jsfiddle.net/24jsfbv8/

Answer 1

您发布的的jsfiddle几乎工作。你只是jQuery的选择，需要在html改变“IMG”类“IMG1”没有了，就像这样：

<img class="img1" src="" id="img" /> 

Updated JSfiddle