html - 没有 JavaScript 的 HTML 选项选择

Question

我一直在尝试编写一个简单的选项选择，在做出选择后会在其下显示一个 div。我已经使用 JavaScript 完成了这个操作，现在我正在尝试迎合不使用 JavaScript 的用户。我将如何实现这一目标？

我的代码就像这样：

<ul>
    <li>List Item 1</li>
    <li>List Item 2</li>
    <li>List Item 3</li>
    <li>List Item 4</li>
</li>

<div class="hidden">Details about item 1</div>
<div class="hidden">Details about item 2</div>
<div class="hidden">Details about item 3</div>
<div class="hidden">Details about item 4</div>

Answer 1

我建议渐进增强。显示一切，并用脚本隐藏它。

如果用户没有脚本，信息仍然可以访问，使用脚本它将是交互式的并且看起来更好。