没有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

我建议progressive enhancement。显示所有内容，并用脚本隐藏它。

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