Initialize a Shiny tag as hidden

Create a Shiny tag that is invisible when the Shiny app starts. The tag can be made visible later with shinyjs::toggle or shinyjs::show.

hidden(...)

Arguments

...	Shiny tag (or tagList or list of of tags) to make invisible

Value

The tag (or tags) that was given as an argument in a hidden state.

Note

shinyjs must be initialized with a call to useShinyjs() in the app's ui.

See also

useShinyjs, toggle, show, hide

Examples

if (interactive()) {
  library(shiny)
  shinyApp(
    ui = fluidPage(
      useShinyjs(),  # Set up shinyjs
      actionButton("btn", "Click me"),
      hidden(
        p(id = "element", "I was born invisible")
      )
    ),
    server = function(input, output) {
      observeEvent(input$btn, {
        show("element")
      })
    }
  )
}

library(shiny)
hidden(span(id = "a"), div(id = "b"))
#> [[1]]
#> <span id="a" class="shinyjs-hide"></span>
#> 
#> [[2]]
#> <div id="b" class="shinyjs-hide"></div>
#> 
hidden(tagList(span(id = "a"), div(id = "b")))
#> [[1]]
#> <span id="a" class="shinyjs-hide"></span>
#> 
#> [[2]]
#> <div id="b" class="shinyjs-hide"></div>
#> 
hidden(list(span(id = "a"), div(id = "b")))
#> [[1]]
#> <span id="a" class="shinyjs-hide"></span>
#> 
#> [[2]]
#> <div id="b" class="shinyjs-hide"></div>
#>