显示/隐藏使用块/无
问题描述:
谁能告诉我怎么可以DIV`s(不隐藏和显示 - 我想其他方式)之间使用此代码显示和隐藏数据jQuery的?显示/隐藏使用块/无
我真的使用.js文件:
function toggle(sDivId) {
var oDiv = document.getElementById(sDivId);
oDiv.style.display = (oDiv.style.display == "none") ? "block" : "none";
}
而在PHP文件:
<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div>
<div id="divContent1">
text here
</div>
</div>
该代码工作得很好,但是当页面加载我希望有文字已经隐藏(当我点击“隐藏和显示”文本后)。
谢谢!
答
可以使用toggle
()函数来show
之间交替地切换()和hide
()。否则,请直接使用show
()和hide
()函数。
答
我可能误解了你的问题,但如果你想隐藏在页面加载文本你不能仅仅拘泥于显示:无标签,如下所示:
<div id="divContent1" style="display: none">
text here
</div>
+0
谢谢。有效! :) – Paul
答
致电身体
<body onload="toggle('divContent1')">
答
你不使用jQuery提供的代码的onload事件的功能toggle('divContent1')
。如果你想用jQuery来做这件事,你可以改变一些东西。
function toggle(sDivId) {
$("#"+sDivId).toggle();
}
和你的php块你想添加显示:无;最初隐藏内心的div
<div onclick="toggle('divContent1')" style="cursor: pointer;">Hide and show</div>
<div id="divContent1" style='display:none'>
text here
</div>
</div>
答
使用此代码:
function load(){
document.getElementByID('divContent1').style.display = 'none';
}
,并在你的HTML
<body onLoad = "load()">
这不是jQuery的,你可以只隐藏元素与CSS或致电页面加载功能 –