如何查看管理网站上此单击展开内容的JS文件？

Question

我正在看这个url。原始显示是

​

​

在我点击加号之后，

​

​

我看到<section>更改为<section expand>，aria-expanded="false"更改为aria-expanded="true"。能否请您详细说明如何确定哪个JS文件管理此行为？

我可以在“事件监听器”部分看到很多JS文件，但是我不能理解？

​

​

Answer 1

我看了一下这一页。从您的屏幕截图中，您可以看到只有一个事件侦听器"click“适用于特定的头元素- amp-accordion.js。

这个名字很有意义，因为它是您正在查看的手风琴效果。

在引用的.js文件中，有许多控制折叠效果的部分。如果您想进一步研究，我建议在js source - CTRL+F中搜索术语"accordion“，"accordion”。