bsplus (version 0.1.0)

bs_collapse: Collapsible element

Description

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.

Usage

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, content for the collapsible <div/>

show

logical, indicates if collapsible <div/> is shown when page is initialized

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, <div/>

bs_attach_collapse()

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/javascript/#collapse

Examples

# NOT RUN {
library("htmltools")

bs_collapse(id = "id_yeah", tags$p("Yeah Yeah Yeah"))

tags$button(type = "button", class = "btn btn-default", "She Loves You") %>%
  bs_attach_collapse("id_yeah")

# }