Jquery 如何使用两个箭头图标设置div动画一个用于打开，一个用于关闭？

我正在使用jqueryanimate制作一些div动画，中间我想请任何人帮忙继续

我的要求将是当我点击箭头图标div应该动画。设置div折叠动画后，需要显示左侧箭头以关闭折叠的位置

我添加了两个图像，一个用于打开，另一个用于关闭

JSFIDLE链路

#购买力内容

有

显示：无

您必须在单击事件中显示它

$("#buying-power-content").show().animate({width:800}, { queue: false, duration: 200 });

#购买力内容
有
显示：无

您必须在单击事件中显示它

$("#buying-power-content").show().animate({width:800}, { queue: false, duration: 200 });


 <强> 
你应该考虑做一个，这样我们调试就更容易了！我将编辑和保存它。请看这个JsFoDLE您应该考虑做一个所以我们更容易调试。我将再次编辑并保存它。当单击箭头时，请查看此JSFIDLE，该箭头应隐藏，并希望显示另一个箭头以关闭动画，但您使用了切换。非常感谢您的回复..几乎达到了，但在这里您使用了这样的。宽度（）==353？800 : 353; 有没有其他选项，因为现在我在1024屏幕上看这个例子，当点击箭头时内容显示下来，关闭时你使用的箭头是绝对正确的，但当它关闭时，它直接隐藏，但不是动画关闭。嗨，谢谢你的回复。您是否观察到第一次动画工作正常，但如果您在动画不工作的病房上单击第二次，则仅切换类型它正在显示当单击箭头时，该箭头应隐藏并希望显示另一个箭头以关闭动画，但您已使用切换。非常感谢您的回复..几乎达到了，但在这里您使用了这个.width（）==353？800 : 353; 有没有其他选项，因为现在我在1024屏幕上看这个例子，当点击箭头时内容显示下来，关闭时你使用的箭头是绝对正确的，但当它关闭时，它直接隐藏，但不是动画关闭。嗨，谢谢你的回复。您是否观察到第一次动画工作正常，但如果您在“病房”上单击“第二次动画”不工作，则仅显示切换类型