Javascript 页面加载时显示第一个图像文本-隐藏所有其他文本

我已经创建了，当你加载页面时，你会看到有3个图像。太阳图像聚焦为彩色，而其他图像则灰显，直到单击为止。这就是图像应该是什么样子

---

此外，当你加载页面时，你会在每个图像下看到它自己的文本，即。第一：Sun，第二：Planet，第三：Nano，但在页面加载时，我只希望第一：Sun显示和隐藏所有其他文本，直到单击它们各自的图像。

给它们一个css类，使其隐藏，或者使用jQuery使其隐藏。隐藏。在鼠标悬停时，更改.show

或为了兼容性，在开始时显示所有元素，然后在dom就绪后立即隐藏其他元素：$window.readyfunction{$'.classname:gt0.hide；}