Opted for simply using CSS for upper form notice

- This is essentially template logic anyway

scripts/RecTest.js

@@ -56,30 +56,6 @@ rectest.RecTest = Class( 'RecTest',
     },
 
 
-    'public displayNotice': function( str )
-    {
-        this._jQuery( '.notice' )
-            .text( str )
-            .slideDown( 250, function()
-            {
-                $( this ).addClass( 'active' );
-            } );
-
-        return this;
-    },
-
-
-    'public hideNotice': function()
-    {
-        $( '.notice' ).slideUp( 250, function()
-        {
-            $( this ).removeClass( 'active' );
-        } );
-
-        return this;
-    },
-
-
     'bindContinue': function( $element, callback )
     {
         var _self = this,
@@ -100,7 +76,7 @@ rectest.RecTest = Class( 'RecTest',
                 console.log( 'done' );
             } );
 
-            callback.call( _self.__inst );
+            callback && callback.call( _self.__inst );
         } );
 
         return this;

scripts/main.js

@@ -9,12 +9,6 @@ $( document ).ready( function()
 {
     rectest.RecTest( jQuery, rectest.cases ).init()
         .listCases( $( '#case' ) )
-        .displayNotice(
-            'Please configure the test using the form below.'
-        )
-        .bindContinue( $( '#continue' ), function()
-        {
-            this.hideNotice();
-        } )
+        .bindContinue( $( '#continue' ) )
     ;
 } );

style.css

@@ -79,16 +79,11 @@ dd {
 }
 
 .notice {
-  display: none;
-
   background-color: #fce94f;
   border-bottom: 2px solid #f4d030;
 
   color: black;
 }
-.notice.active {
-  display: block;
-}
 
 
 #interval,

test.html

@@ -18,8 +18,8 @@
     </div>
 
     <!-- holds notices -->
-    <div class="hasjs topbox notice">
-      &nbsp;
+    <div class="hasjs topbox notice while-idle">
+      Please configure the test using the form below.
     </div>
 
     <!-- status (while testing) -->