好吧，问题是这样的：
我有这三个 DIV：
<div id="gestaltung_cd"></div>
<div id="gestaltung_illu"></div>
<div id="gestaltung_klassisch"></div>
…这三个 DIV – 不可见 (display:none;) – 位于页面上完全不同的位置：
<div id="mainhexa1"></div>
<div id="mainhexa2"></div>
<div id="mainhexa3"></div>
我想做的是：
如果我将鼠标悬停在“gestaltung cd”上，我想让“mainhexa1”可见，如果我将鼠标悬停在“gestaltung illu”上，我想让“mainhexa2”可见，依此类推……
如您所见，三个不可见的 DIV 不是前三个 DIV 的子元素...因此在这种情况下“:hover”是不可能的。在 JQuery 中是否有一种简单的方法可以做到这一点？
谢谢，
约亨
您可以使用同级选择器。只要 div 共享同一个父级，您仍然可以通过悬停来影响它们
DEMO
重要代码：
#gestaltung_cd:hover ~ #mainhexa1,
#gestaltung_illu:hover ~ #mainhexa2,
#gestaltung_klassisch:hover ~ #mainhexa3 {
display: block;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
