Javascript 以角度确定特定区域是否塌陷'；d与否

我有一个按钮，你点击它，它会触发一个div上的折叠。我试图找到一种方法来检查div是否展开，这样我就可以更改按钮“Show”或“hide”上的文本

目前我正在使用

ng-click="toggle = !toggle"

与

哪种排序，问题是折叠有一个动画时间，因此可以双击按钮并使切换按钮文本与折叠div的实际状态不同步

我发现有人提到aria expended

var isExpanded = $(collapsableRegion).attr("aria-expanded");

但我不明白“collapsableRegion”需要设置什么，我也找不到“.attr”上的任何文档来理解collapsableRegion到底是什么（ID、名称、类等）

---

这可能非常简单

与其尝试在控制器中设置文本，为什么不直接在标记中设置呢

<button ng-click="toggle = !toggle">{{ toggle ? 'Show' : 'Hide' }}</button>

{{切换？'Show'：'Hide'}

当然，但这会产生相同的结果，它不会检查数据切换/目标是否折叠，导致双击文本仍然不同步。

<button ng-click="toggle = !toggle">{{ toggle ? 'Show' : 'Hide' }}</button>