1.3.1 #Behaviours.hovers.hide-child Hide child

Toggle example guides Toggle HTML markup

Put the hide-child class on a parent element and any nested element with the child class will be hidden and displayed on hover or focus.

Browser support: IE9+, Safari6+, Firefox30+, Chrome30+

Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Hidden until hover or focus
Markup
  <div class="sb-hide-child">
    <div class="sb-child"> Hidden until hover or focus </div>
    <div class="sb-child"> Hidden until hover or focus </div>
    <div class="sb-child"> Hidden until hover or focus </div>
    <div class="sb-child"> Hidden until hover or focus </div>
  </div>
Source: trumps/_hovers.scss, line 5