如何解决如何调整此 js 文件以具有点击展开内容?
我有下面的元素
<amp-accordion>
<section expanded="">
<header class="ca_h">
<i class="i i-plus ca_hi"></i>
Thesaurus: synonyms,antonyms,and examples
</header>
<div class="had daccord_b">blabla</div>
</section>
</amp-accordion>
为简洁起见,我使用 blabla
表示从 to love someone
到 See more results »
的内容。此元素呈现为
我想实现
- 内容首先被折叠,因此只显示
Thesaurus: synonyms,and examples
。
- 点击
Thesaurus: synonyms,and examples
时会显示内容。再点击一次,它会再次折叠。
我尝试将 <header class="ca_h">
更改为 <header class="ca_h" onclick="toggle_active(this);">
,并使用 JS 脚本。
function toggle_active(ctl){ctl.parentElement.classList.toggle('is-active');}
<amp-accordion>
<section expanded="">
<header class="ca_h" onclick="toggle_active(this);">
<i class="i i-plus ca_hi"></i>
Thesaurus: synonyms,and examples
</header>
<div class="had daccord_b">blabla</div>
</section>
</amp-accordion>
它不起作用。你能详细说明一下怎么做吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。