当我点击任何链接时,correspoding div显示出来
但是当我点击下一个链接时,新点击的潜水显示以及之前点击的潜水.我希望普通的div能够隐藏起来.新的发展请一些人帮助我…….. @H_301_5@<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能够隐藏起来.新的发展请一些人帮助我…….. @H_301_5@<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：
@H_301_5@<div id="firstimpression" class="patientinfodivs"> <div id="speaking" class="patientinfodivs">…..等等
Javascript代码
@H_301_5@<script type="text/javascript"> function showdiv(id){ document.getElementById(id).style.display = "block"; } </script>解决方法
尽管我讨厌创建全局变量,但它们有时会非常方便…
@H_301_5@var _hidediv = null;
function showdiv(id) {
if(_hidediv)
_hidediv();
var div = document.getElementById(id);
div.style.display = 'block';
_hidediv = function () { div.style.display = 'none'; };
}
这样可以防止你不必要地搜索div来找到你应该隐藏的那个.
编辑：扩展@ StevenRoose的建议：
@H_301_5@var _targetdiv = null; function showdiv(id) { if(_targetdiv) _targetdiv.style.display = 'none'; _targetdiv = document.getElementById(id); _targetdiv.style.display = 'block'; }