您好我想知道如何在页面加载时隐藏切换,我已经制作了一个简单的代码,但是当页面加载时它将默认显示.我想要它的方式.
我必须尝试使用CSS之类的东西
.hidden {
display:none;
}
这是我的代码
EDITED
<script type="text/javascript">
function toggleDiv(divId) {
$("#"+divId).toggle();
}
</script>
<a href="javascript:toggleDiv('myContent');">this is a test</a>
<div id="myContent">
<a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
<div>this is a test #2 </div>
</div>
<div id="myContentt">
test
</div>
请帮忙.
解决方法
我想,你想要这样的东西,
Demo(我在demo中使用onclick因为jsfiddle不喜欢href上的javascript)
CSS：
.hidden{
display:none;
}
标记：
<a href="javascript:toggleDiv('myContent');">this is a test</a>
<div id="myContent" class='hidden'>
<div>this is a test #1 </div>
</div>
<br />
<a href="javascript:toggleDiv('myContentt');"><span>this is a text</span></a>
<div id="myContentt" class='hidden'>
this is a test #2
</div>
使用Javascript：
function toggleDiv(divId) {
$("#"+divId).toggle();
}
