Javascript 选择一个时隐藏图像&显示相关div

嗨，我是网络开发新手， 我想要一些类似这个网站。 您可以看到车身上有一些设备图像，所以当您将鼠标移到一个设备上时，它会在相关设备的div内容中显示详细信息。我想要的是，当我将鼠标从车上滑过一个设备时，它应该会隐藏其余的设备。 可能吗

请帮忙

---

谢谢

试试这个例子。将鼠标悬停在item1和item2上，它们会更改其内容

$document.readyfunction{ $”。单击按钮。鼠标覆盖功能{ $this.sides.toggleClassvis； $div.textC.attr'style'，'visibility:hidden；' var index=$li.indexthis；$div.textC.eqindex.attr'style'，'visibility:visible；' }; $。单击按钮。鼠标移动功能{ $this.sides.toggleClassvis； }; }; 蓝酮{ 颜色：蓝色； } 迪夫雷酮{ 颜色：红色； } 迪夫雷敦{ 可见性：隐藏； } .textC p{ 位置：绝对位置； 顶部：5px； 宽度：60%； } .imageC{ 位置：绝对位置； 顶部：5px； 右：20px； 高度：90px； } .单击按钮{ 光标：指针； 宽度：100px； 背景颜色：灰色； 保证金：5px； } .点击按钮.vis{ 可见性：隐藏； } .textCon{ 位置：相对位置； 边缘顶端：40px； 宽度：100%； 边框：1px纯黑； 高度：100px； 填充：0 10px； } 项目1 项目2 读者在查看页面布局时会被页面的可读内容分散注意力，这是一个早已确定的事实

Lorem Ipsum只是印刷和排版行业的虚拟文本。Lorem Ipsum一直是业界的标准假人

---

到目前为止，您的代码在哪里？任何事情都有可能。非常感谢Anuja，这真的很有帮助，但还有一件事，当你将鼠标移到项目1上时，是否可以隐藏项目2，并对相反的项目进行隐藏。再次感谢你。对不起，我没有得到你的评论。您的意思是文本项2和项1是的，项1和项2，因此当您将鼠标移到项1上时，它应该显示项1相关的div，但也隐藏项2文本。同样的，你可以用javascript编写代码吗？我的意思是，同样的jquery代码也可以用javascript编写，这太长太复杂了。例如，toggleclass将变为3行长。其他一些函数也很长。当您在真实网页中实现时添加更多变量时，它将变得更加复杂