当我点击任何链接时,相应的div会显示出来,但是当我点击下一个链接时,新点击的div以及之前点击的div都会显示出来。我希望之前的div能够隐藏。我是开发新手,请有经验的人帮帮我......
以下是链接的HTML代码:
这些是div元素:
以下是链接的HTML代码:
<a class="hide" onclick="showdiv('firstimpression'); " href="#">First Impression</a>
<a class="hide" onclick="showdiv('speaking'); " href="#">Speaking</a>
<a class="hide" onclick="showdiv('eating'); " href="#">Eating</a>
<a class="hide" onclick="showdiv('taste'); " href="#">Taste</a>
<a class="hide" onclick="showdiv('saliva'); " href="#">Saliva</a>
<a class="hide" onclick="showdiv('cleaning');" href="#">Cleaning</a>
<a class="hide" onclick="showdiv('nighttime');" href="#">Night Time</a>
<a class="hide" onclick="showdiv('singledenture');" href="#">Single Denture</a>
<a class="hide" onclick="showdiv('soreness');" href="#">Soreness</a>
<a class="hide" onclick="showdiv('burning');" href="#">Burning</a>
<a class="hide" onclick="showdiv('adapting');" href="#">Adapting</a>
<a class="hide" onclick="showdiv('futureconsideration');" href="#">Future Consideration</a>
<a class="hide" onclick="showdiv('conclusion');" href="#">Conclusion</a>
这些是div元素:
<div id="firstimpression" class="patientinfodivs">
<div id="speaking" class="patientinfodivs">
Javascript 代码
<script type="text/javascript">
function showdiv(id){
document.getElementById(id).style.display = "block";
}
</script>
if(_shownDiv) { _shownDiv.style.display = 'none'; }
开头。 - Steven Roose