Jquery动画左图像css

Question

我试图为图片设置动画（animate({left:'0'}, 500）;当我在时事通讯菜单项上每次点击时。开头的这个图像在css中定义为隐藏，然后必须用动画显示。

HERE IS MY FIDDLE

可能是，可以通过添加或删除类来完成CSS，但我不知道如何。我举一个例子说明我要做的事情。

这是我的HTML结构：

<div id="newsletter" class="panel">
        <h2>Newsletter</h2>

        <div id="myimage">
        <img class="img3" src="http://lorempixum.com/200/200/people/1"/>            
        </div>
    </div>

我的css对于图像看起来像这样：

#myimage {
    overflow:hidden;
    position:relative;
}
#myimage .img3 {
    postion:absolute;
}

在我的Jquery函数中，我实现了以下脚本：

//animate hide and show image right to left
                $('#myimage img3').animate({left:'0'}, 500);

Answer 1

使用

      $('#myimage .img3').animate({left:'0'}, 500);