Collapsible element

This is useful for content that you may wish to be hidden when the page is initialized, but that can be revealed (and subsequently hidden) by clicking a button or a link.

bs_collapse(id, content = NULL, show = FALSE)

bs_attach_collapse(tag, id_collapse)

Arguments

id	character, unique id for the collapsible <div/>
content	character (HTML) or htmltools::[tagList][htmltools::tagList], content for the collapsible <div/>
show	logical, indicates if collapsible <div/> is shown when page is initialized
tag	htmltools::[tag][htmltools::tag], button or link to which to attach a collapsible <div/>
id_collapse	character, id of the collapsible <div/> to attach

Value

bs_collapse()

htmltools::[tag][htmltools::tag], <div/>

bs_attach_collapse()

htmltools::[tag][htmltools::tag], modified copy of tag (button or link)

Details

There are two parts to this system:

1. A collapsible <div/>, created using bs_collapse()

2. At least one button (<button/>) or link (<a/>) to which the id of the collapsible <div/> is attached, using bs_attach_collapse()

The verb attach is used to signify that we are attaching the id of our collapsible <div/> to the tag in question (a button or a link). Note that you can attach the id of a collapsible <div/> to more than one button or link.

It is your responsibility to ensure that id is unique among HTML elements in your page. If you have non-unique id's, strange things may happen to your page.

See also

https://getbootstrap.com/docs/3.3/javascript/#collapse

Examples

library("htmltools")

bs_collapse(id = "id_yeah", "Yeah Yeah Yeah")
#> <div class="collapse" id="id_yeah">Yeah Yeah Yeah</div>

bs_button("She Loves You", button_type = "primary") %>%
  bs_attach_collapse("id_yeah")
#> <button class="btn btn-primary" data-toggle="collapse" data-target="#id_yeah">She Loves You</button>