我正在尝试创建 Accordion 链接(扩展 Accordion )
我想根据链接是否处于事件状态更改文本。例如:
DEFAULT : "View all Comments"
ACTIVE : "Hide Comments"
我知道我可以使用 CSS 来设置内容颜色、样式等的样式,但想知道是否有一种方法可以根据链接是否处于事件状态来更改链接中的实际文本。
最佳答案
.accordion-item::before { /* default text of the accordion item */
content : "View all comment";
}
.accordion-item:focus:before { /* triggered when the accordion item is clicked/focused */
content : "Hide Comments";
}
<a href="#" class="accordion-item"></a>
这是一个如何执行此操作的示例,假设您将有多个链接代表每个 Accordion 项。
请注意,您可以使用新的 HTML data-*
属性来自动化该过程,以防您在通过以下语言解释之前生成 HTML Php 或 JavaScript 如下所示:
关于javascript - CSS - 事件链接更改文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31872000/