Question

当点击一个<a>标签时，页面中的某个<div>层显示，当点击页面中的其他区域是，刚刚显示的<div>隐藏，该如何

实现？ 菜鸟，求指点

Answer 1

最简单的笨办法：做一个js函数
function divshow(id1,id2){
var divId1=document.getElementById(id1);
var divId2=document.getElementById(id2);

divId1.style.display=(divId1.style.display=="none")?"block":(divId1.style.display=="block"?"none":"block");
divId2.style.display=(divId2.style.display=="none")?"block":(divId2.style.display=="block"?"none":"block");
}
这样就能实现两个<div>的显示隐藏了。如果是多个<div>联动，你再想想还有没有更巧妙的构造方式。

Answer 2

<a>那里做两个事件，一个是onclick事件，一个是onmouseout事件
给div一个id
<div id="div" style="visibility:hidden;">

onclick事件
var obj=document.getElementsByName("div")
boj.style.visibility="visible"

onmouseout事件就把这个再设置成hidden

Answer 3

$("a").toggle(
function(){
$("div").hide();
},
function(){
$("div").show();
}
);
不懂JQUERY 先到网上找资料，这方面的资料N多，只要你有心，就以学会