我有一个包含注册向导的 div
,我需要在单击按钮时隐藏/显示此 div
。
我该怎么做?
下面我给你看代码。
谢谢:)
<div id="wizard" class="swMain">
<ul>
<li><a href="#step-1">
<label class="stepNumber">1</label>
</a></li>
<li><a href="#step-2">
<label class="stepNumber">2</label>
</a></li>
<li><a href="#step-3">
<label class="stepNumber">3</label>
</a></li>
<li><a href="#step-4">
<label class="stepNumber">4</label>
</a></li>
</ul>
<div id="step-1">
<h2 class="StepTitle">Perfil</h2>
<table cellspacing="3" cellpadding="3" align="center">
<tr>
<td align="center" colspan="3"> </td>
</tr>
<tr>
<td align="right">Username :</td>
<td align="left">
<input type="text" id="username" name="username" value="" class="txtBox">
</td>
<td align="left"><span id="msg_username"></span> </td>
</tr>
<tr>
<td align="right">Password :</td>
<td align="left">
<input type="password" id="password" name="password" value="" class="txtBox">
</td>
<td align="left"><span id="msg_password"></span> </td>
</tr>
</table>
</div>
最佳答案
使用 JQuery。您需要在按钮上设置一个点击事件,这将切换向导 div 的可见性。
$('#btn').click(function() {
$('#wizard').toggle();
});
引用JQuery网站了解更多信息。
这也可以在没有 JQuery 的情况下完成。仅使用标准 JavaScript:
<script type="text/javascript">
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
</script>
然后将onclick="toggle_visibility('id_of_element_to_toggle');"
添加到用于显示和隐藏div的按钮。
关于html - 单击按钮时如何隐藏/显示 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16308779/