Javascript 渐进填充颜色和隐藏图像

请在这件事上给我一些帮助，我将不胜感激

我有一些div，形成了200x200px的正方形，有一个白色的厚实边框，里面有一个图像。我希望当我点击OK菜单图标（“参考书目”）时，它会出现，当我点击另一个（“技能”）时，它会隐藏图像，并用白色从底部到顶部动画渐变色，并在正方形中间形成一个特定的单词。 你能帮我做这个吗：）

谢谢您

您可以在jquery中获取此文件的.animate（）或.fadeIn（）。

更多说明：为所有方块指定一个公共类名称，然后为该类调用一个单击函数

 $('.imagesquares').click(function(){
     Function for fadeIn and close goes here
 });

查看提供的fadeIn（）示例，我认为您可以很好地继续

---

干杯

对不起，我对这个有点陌生。这是我使用js的第一个项目。你觉得你能帮我吗，罗伊？