使用<详情>为菜单和对话框（2019）

使用Algolia托管API将疼痛从建筑站点搜索中进行。现在免费开始！

您可以学习的最授权的事情之一是开始学习JavaScript的新前端开发人员是改变课程。如果您可以更改类，则可以使用CSS技能在页面上控制很多。将一个课程切换到一件事，用这种方式拼写它，切换到另一个班级（或删除它）并将其替换为另一种方式。

但是有一个HTML元素也可以切换！ ＆lt;详情＆gt;！例如，它绝对是建立手风琴UI的最快方式。

扩展基于切换的思维，如果不是单个手风琴，则是什么用户菜单？与模块相同。如果我们走了那条路线，我们可以在那些动态的东西上制作javascript。这正是Github用他们的菜单做了什么。

在＆lt;细节＆gt;元素，GitHub使用某些Web组件（确实需要JavaScript）进行一些奖金，但基本菜单功能不需要它们。这意味着菜单在呈现页面时是弹性的，即时交互式。

Mu-An Chiou，Github的Web系统工程师们刺激了这一点，有一个关于这个的演示！

我们全都介绍了细节，以便在没有JS的情况下转变很多事情。还有https://t.co/sfxtknzibz，这里是一个谈话我给了利用细节的力量，这提到了CSS技巧:) https://t.co/dmx8opvi4z

最糟糕的罢工＆lt;细节＆gt; 它是它的浏览器支持边缘，但我想我们不必担心那很快，因为边缘将使用铬......很快？ 有人知道吗？