title: ConditionalPanel around menuItem Doesn't Display Properly
body: <p>How would you wrap a <code>menuitem</code> in a conditional panel such that it looks like the rest of the menu items?</p>
  
  <p>Try clicking on B and see how the C menu item looks as compared to menu items A or B -</p>
  
  <pre><code>library(shiny)
  library(shinydashboard)
  
  ui &lt;- dashboardPage(
    dashboardHeader(),
    dashboardSidebar(
      sidebarMenu(id = "sidebarmenu",
        menuItem("A", tabName = "a",  icon = icon("group", lib="font-awesome")),
        menuItem("B", tabName = "b", icon = icon("check-circle", lib = "font-awesome")),
        conditionalPanel("input.sidebarmenu === 'b'",
          sliderInput("b", "Under sidebarMenu", 1, 100, 50)
        ),
        conditionalPanel("input.sidebarmenu === 'b'",
          menuItem("C", tabName = "c", icon = icon("check-circle", lib = "font-awesome"))
        )
      )
    ),
    dashboardBody()
  )
  
  server &lt;- function(input, output) {}
  
  shinyApp(ui, server)
  </code></pre>
  
  <p>(Most of the code borrowed from - <a href="https://github.com/rstudio/shinydashboard/issues/28" rel="nofollow">https://github.com/rstudio/shinydashboard/issues/28</a>)</p>
  
  <p>I'd like the solution to not need tinkering around with the CSS or some other background setting.</p>