我有一个带有一堆 javascript 开关的帮助页面,用于显示或隐藏该主题的帮助。有没有办法将它们全部切换为全部显示或全部隐藏?
<a href="javascript:toggle('roles');">Roles or Account Permissions</a>
<div id="roles" style="display:none">
<a href="javascript:toggle('tracks');">Tracks and Activities</a>
<div id="tracks" style="display:none">
<a href="javascript:toggle('password');">Modifying Password</a>
<div id="password" style="display:none">
也许吧
<a href="javascript:toggle('roles', 'tracks', 'password');">Toggle all</a>
这是我的javascript
function toggle(divId) {
"use strict";
var div = document.getElementById(divId);
if (div.style.display === "none") {
div.style.display = "block";
} else {
div.style.display = "none";
}
最佳答案
你有 jQuery 标签所以听起来你在使用 jQuery?
然后为每个 A 标签添加一个类名:
<a href="javascript:$('a.className').toggle();">toggle</a>
不需要您的切换代码。
关于JavaScript:在同一页面上的所有 href 上调用切换功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28307483/