我正在使用一个简单的 javascript 代码来切换 div onclick。您可以在此链接上看到它的运行情况:k-prim.biz/Untitled-2.html - 这是一个非常简单的演示页面。我想要做的是不仅在单击“链接”时隐藏 div,而且在单击 div 外部时也隐藏 div。另外,当显示 div 时,如何更改“链接”的 css 样式?先感谢您!
<script type="text/javascript" language="javascript">
function showHide() {
var ele = document.getElementById("showHideDiv");
if(ele.style.display == "block") {
ele.style.display = "none";
}
else {
ele.style.display = "block"; }
}
</script>
<a href="#" onClick="return showHide();" >link</a>
<div id="showHideDiv" style="display:none;">hello!</div>
您没有给我任何可以使用的代码,因此您必须修改它以满足您的需求:
$(document).click(function() {
if(this != $("#the_div")[0]) {
$("#the_div").hide();
}
});
如果用户单击页面上不是该 div 的任何位置,这将隐藏该 div。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)