如何隐藏 AMP 中打开的下拉菜单
How can I hide the opened dropdown in AMP
我正在玩这个导航栏示例 https://www.ampstart.com/render/navbar-with-sidebar.amp#amp=1
如果我点击另一个打开的下拉菜单是否可以关闭？
以下解决方案，用 amp-bind 切换打开的 dropdown/accordion，对我来说效果很好：
第一个drowdowm/accordion:
<section [data-expand]="expandAc1" on="expand:AMP.setState({expandAc2: false, expandAc1: true})">
另一方面drowdowm/accordion：
<section [data-expand]="expandAc2" on="expand:AMP.setState({expandAc1: false, expandAc2: true})">
Sources:
https://github.com/edelight/amphtml/commit/c8197475a55f8ff15e87fb0969238ec76cf1d71c
我正在玩这个导航栏示例 https://www.ampstart.com/render/navbar-with-sidebar.amp#amp=1
如果我点击另一个打开的下拉菜单是否可以关闭？
以下解决方案，用 amp-bind 切换打开的 dropdown/accordion，对我来说效果很好：
第一个drowdowm/accordion:
<section [data-expand]="expandAc1" on="expand:AMP.setState({expandAc2: false, expandAc1: true})">
另一方面drowdowm/accordion：
<section [data-expand]="expandAc2" on="expand:AMP.setState({expandAc1: false, expandAc2: true})">
Sources: https://github.com/edelight/amphtml/commit/c8197475a55f8ff15e87fb0969238ec76cf1d71c