js 控制div的隐藏与显示

function show(type)

{

document.getElementById("mark").value=type;





if(type==1)

{

var judge=document.getElementById("d_judge");

var r="block";



if(judge.style.display == "block")

{

r="none";

}

if(judge.style.display == "none")

{

r="block";

}

judge.style.display = r;

}

if(type==2)

{

var sinslc=document.getElementById("d_sigslc");

var r="block";





if(sinslc.style.display == "block")

{

r="none";

}

if(sinslc.style.display == "none")

{

r="block";

}

sinslc.style.display = r;

}

if(type==3)

{

var mulslc=document.getElementById("d_mulslc");

var r="block";



if(mulslc.style.display == "block")

{

r="none";

}

if(mulslc.style.display == "none")

{

r="block";

}

mulslc.style.display = r;

}

}



<div class=d_judge id="d_judge" style="display: block;">



<ul>

<input type="checkbox" name="chkbox" value="dd"/>

<c:out value="dd">

<input type="button" name="saveone" id="saveone" value="添加" onclick="opt()"/>

<span style="width:50px;"></span>

</c:out>

<c:out value="难易程度"></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="题干："></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="答案:"></c:out><c:out value="dd"></c:out>

</ul>

<hr/>



</div>

<div class=d_sigslc id="d_sigslc" style="display: block;">



<ul>

<input type="checkbox" name="chkbox" value="dd"/>

<c:out value="dd">

<input type="button" name="saveone" id="saveone" value="添加" onclick="opt()"/>

<span style="width:50px;"></span>

</c:out>

<c:out value="难易程度"></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="题干："></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="答案:"></c:out><c:out value="dd"></c:out>

</ul>

<hr/>



</div>

<div class=d_mulslc id="d_mulslc" style="display: block;">



<ul>

<input type="checkbox" name="chkbox" value="dd"/>

<c:out value="dd">

<input type="button" name="saveone" id="saveone" value="添加" onclick="opt()"/>

<span style="width:50px;"></span>

</c:out>

<c:out value="难易程度"></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="题干："></c:out><c:out value="dd"></c:out>

</ul>

<ul>

<c:out value="答案:"></c:out><c:out value="dd"></c:out>

</ul>

<hr/>



</div>