bootstrap collapse: change display of toggle button icons and text

Question

I am using Twitter Bootstrap to create collapsible sections of text. The sections are expanded when a + button is pressed. My html code as follows:

Demo link

Answer 1

It is also possible to do by css styles.

in css add style:

.text-toogle[aria-expanded=false] .text-expanded {
  display: none;
}
.text-toogle[aria-expanded=true] .text-collapsed {
  display: none;
}

and use in html:

    More info
    Less info

    

---

Please remember to add attribute

aria-expanded="false"

and class

text-toogle

to link / button.