javascript - 常见问题解答下拉列表-单击时文本颜色会更改

Question

我正在为我的常见问题解答使用 JavaScript 下拉菜单，但我不知道如何在单击时更改问题的颜色，然后在再次单击时更改回来。

这是 JavaScript:

<script type="text/javascript">
function toggle(Info) {
var CState = document.getElementById(Info);
CState.style.display = (CState.style.display != 'block')
                   ? 'block' : 'none';}
</script>

我知道使用 :action 只会在问题被点击时起作用，但我正在尝试设置它的样式，以便每次点击都会打开或关闭颜色，因为这就是答案下拉时发生的情况，我'我希望两者协调一致。

Answer 1

如果我理解正确，你的切换功能会显示/隐藏答案。然后你所要做的就是获取问题容器并切换包含文本颜色的 css 类

例如:

document.getElementById(your question).classList.toggle(your-class);

在一个css文件中

.your-class {
    color: selected color;
}