前端之家收集整理的这篇文章主要介绍了
HTML – AMP：切换CSS类的简单方法？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在构建一个加速移动
页面(AMP)模板,并想知道是否有一种简单的
方法可以在选项卡上切换CSS类.
我知道的事情如下：
<h2
class="headline"
on="tap:list.toggleVisibility"
>
<ul id="list"></ul>
但这会写入内联样式 – 我宁愿切换自定义CSS类,但却无法在AMP页面上找到示例.
带有< h2 [class] =“myclasses”>等绑定的AMP.setState看起来像是要走的路,但操纵状态对他们给你的工具来说相当困难……
这可以通过
amp-bind完成.您可以使用隐式状态变量,例如可见,跟踪当前状态.这是一个切换两个类
显示和隐藏的示例：
<button [text]="visible ? 'Show Less' : 'Show More'"
on="tap:AMP.setState({visible: !visible})">
Show More
</button>
<p [class]="visible ? 'show' : 'hide'" class="hide">
Some more content.
</p>
Full sample on JSBIN
原文链接：https://www.f2er.com/html/232260.html
