如何隐藏AMP中打开的下拉菜单

Question

我正在玩这个导航栏示例https://www.ampstart.com/render/navbar-with-sidebar.amp#amp=1

如果我单击另一个，是否可以关闭打开的下拉菜单？

Answer 1

以下解决方案通过amp-bind切换打开的下拉菜单/手风琴对我来说效果很好：

在第一个drowdowm /手风琴上：

<section [data-expand]="expandAc1" on="expand:AMP.setState({expandAc2: false, expandAc1: true})">

在另一个drowdowm /手风琴上：

<section [data-expand]="expandAc2" on="expand:AMP.setState({expandAc1: false, expandAc2: true})">

  

来源：   https://github.com/edelight/amphtml/commit/c8197475a55f8ff15e87fb0969238ec76cf1d71c   AMP: easy way to toggle a CSS class?