Thanks Lauris, got it.

Another question I had based on this, is how could one conditionally change some text based on the opened or closed state of an accordion elemenet?

You can add new styles to your component and then modify tag content depending on the accordion state.

.accordion-button.collapsed:before {
 content: "more"
}

.accordion-button:before {
 content: "less"
}