Fixes definitions appearing improperly on some pages

node/src/documents/elements/header.html

@@ -56,7 +56,7 @@ type   : 'UI Element'
     <p>A header can be formatted to emphasize an icon</p>
     <div class="ui icon header">
       <i class="icon sketchy question circle"></i>Questions
-      <div class="sub header">Have any questions? Contact Us
+      <div class="sub header">Have any questions? Contact Us</div>
     </div>
   </div>
 

node/src/files/javascript/semantic.js

@@ -184,21 +184,24 @@ semantic.ready = function() {
       var
         $button  = $(this),
         $body    = $('body'),
-        $example = $('.example'),
-        $headers = $('.example .ui.header:first-of-type').add('.example p:first-of-type')
+        $example = $('.example')
       ;
       $body.toggleClass('overview');
       $button.toggleClass('active');
       if($body.hasClass('overview')) {
         $developer.addClass('disabled').popup('destroy');
         $designer.addClass('disabled').popup('destroy');
-        $example.children().not($headers).hide();
+        $example.each(function() {
+          $(this).children().not('.ui.header:eq(0), .example p:eq(0), .annotation').hide();
+        });
         $example.filter('.another').hide();
       }
       else {
         $developer.removeClass('disabled').popup();
         $designer.removeClass('disabled').popup();
-        $example.children().not($headers).show();
+        $example.each(function() {
+          $(this).children().not('.ui.header:eq(0), .example p:eq(0), .annotation').show();
+        });
         $example.filter('.another').show();
       }
     },