title: SharePoint 2010 Ribbon Hide/{Show on Library Item Selecting or other event}
body: <p>I am branding SharePoint 2010, and I hide the Ribbon by default and show when the user clicks a down arrow. The user can hide it again by clicking a hide icon. JQuery toggle and toggleClass work great</p>
  
  <pre><code>    &lt;div id="ribbonHide"&gt;
          &lt;a class="toolTipHover" href="#"&gt;
              &lt;div class="downArrowSmall" onclick="JavaScript:$('#s4-ribbonrow').toggle();$(this).toggleClass('downArrowSmall upArrowSmall');"&gt;
                  &lt;span class="ribbonHideToolTipOpen"&gt;Display the Ribbon&lt;/span&gt;&lt;span class="ribbonHideToolTipClose"&gt;Hide the Ribbon&lt;/span&gt;
              &lt;/div&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>The problem is when a user clicks on a library item's selector checkbox, the entire header row disappears, because it's replaced when the Ribbon selects the Library Tools tab/Library pane. But the Ribbon is still hidden. So is the site header banner.</p>
  
  <p><strong>Question: How can I listen for page events (any) that trigger a change in the Ribbon so I can display it again?</strong></p>
  
  <p>Thanks!</p>