hidden: Initialize a Shiny tag as hidden

In shinyjs: Easily Improve the User Experience of Your Shiny Apps in Seconds

Description

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

Usage

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"))
hidden(tagList(span(id = "a"), div(id = "b")))
hidden(list(span(id = "a"), div(id = "b")))

Example output

Attaching package: 'shinyjs'

The following objects are masked from 'package:methods':

    removeClass, show


Attaching package: 'shiny'

The following object is masked from 'package:shinyjs':

    runExample

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

[[1]]
<span id="a" class="shinyjs-hide"></span>

[[2]]
<div id="b" class="shinyjs-hide"></div>

shinyjs documentation built on Dec. 23, 2021, 5:06 p.m.