Question

js显示和隐藏div

<div class="licaiMain3 licaiMain4">
<h1>显示1 <a href="#" target="_blank">显示2</a><a href="#" target="_blank">显示3</a></h1>
<p class="wenQ">Q：显示1</p>
<p class="daA">A：<a href="#" target="_blank">显示11</a></p>
<p class="wenQ">Q：显示11</p>
<p class="daA">A：显示111</p>
</div>
<div class="licaiMain3 licaiMain4 none">
<p class="wenQ">Q：显示2</p>
<p class="daA">A：<a href="#" target="_blank">显示22</a></p>
<p class="wenQ">Q：显示22</p>
<p class="daA">A：显示222</p>
</div>
<div class="licaiMain3 licaiMain4 none">
<p class="wenQ">Q：显示3</p>
<p class="daA">A：<a href="#" target="_blank">显示33</a></p>
<p class="wenQ">Q：显示33</p>
<p class="daA">A：显示333</p>
</div>
当鼠标悬停在‘显示1’时显示‘显示1’的div，其他的不显示，鼠标离开时也显示，只要不是悬停在其他的a上就不隐藏

Answer 1

3个div分别给3个id，好选择
<div id="item1" class="licaiMain3 licaiMain4">
<h1>显示1 <a href="#" target="_blank">显示2</a><a href="#" target="_blank">显示3</a></h1>
<p class="wenQ">Q：显示1</p>
<p class="daA">A：<a href="#" target="_blank">显示11</a></p>
<p class="wenQ">Q：显示11</p>
<p class="daA">A：显示111</p>
</div>
<div id="item2" class="licaiMain3 licaiMain4 none">
<p class="wenQ">Q：显示2</p>
<p class="daA">A：<a href="#" target="_blank">显示22</a></p>
<p class="wenQ">Q：显示22</p>
<p class="daA">A：显示222</p>
</div>
<div id="item3" class="licaiMain3 licaiMain4 none">
<p class="daA">A：<a href="#" target="_blank">显示33</a></p>
<p class="wenQ">Q：显示33</p>
<p class="daA">A：显示333</p>
</div>

js如下
//鼠标移入
getDom("item1").onmouseover=function(){
getDom("item2").style.display="none";
getDom("item3").style.display="none";
}

//鼠标移出
getDom("item1").onmouseout=function(){
getDom("item2").style.display="block";
getDom("item3").style.display="block";
}

function getDom(id){
return document.getElementById(id);
}