文件名称：declarative-show-hide
文件大小：546KB
文件格式：ZIP
更新时间：2024-04-06 22:38:47
声明式的隐藏行为 问题 为了今天拥有交互式内容，通常需要将脚本添加到处理事件的页面。这是最流行的选项卡组件的工作方式。但是，使用脚本给开发人员带来了不必要的负担，他们本来可以实现视觉设计，并且除非开发人员谨慎地添加适当的aria角色，否则会降低可访问性。 表明，各个站点的选项卡的UI设计差异很大，因此此处的目标是提供选项卡的功能，同时允许开发人员应用适合其审美的样式。 目标 有许多目标，而一个人体工程学的建议可能无法全部实现： 无需使用脚本即可切换元素的可见性* 可以根据当前状态设置样式 可以通过与不相关的DOM节点的交互来触发（即没有强制的父/同级DOM结构） 可嵌入的（即不需要全局标签） 默认情况下可访问 锚点/滚动到其他选项卡中的元素会自动选择该选项卡 在页面中查找可以在其他选项卡中查找内容 可链接的（即可以保留活动选项卡） 用例 制表符 主要用例是支持选项卡。 手风琴 这也可以支持
【文件预览】：
declarative-show-hide-main
----images()
--------tree-view.png(190KB)
--------accordian.png(265KB)
--------tabs.png(97KB)
----LICENSE(11KB)
----README.md(6KB)