JavaScript:在同一页面上的所有 href 上调用切换功能

Question

我有一个带有一堆 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";
}

Answer 1

你有 jQuery 标签所以听起来你在使用 jQuery？

然后为每个 A 标签添加一个类名:

<a href="javascript:$('a.className').toggle();">toggle</a>

不需要您的切换代码。