Use JQuery to show and hide help text

rd-alliance · Apr 3, 2019 · dfa9358 · dfa9358
1 parent 26c2d76
commit dfa9358
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/static/js/forms.js b/static/js/forms.js
@@ -36,3 +36,18 @@ $( ".form-list > li:last-child" )
 
 $( "input[list='keyword-list']" ).parent().filter(":last-child")
   .one( "change", autoduplicate );
+
+/* Cleaning help text */
+
+$( ".form-group" ).find( ".help-block" ).hide();
+
+$( ":input" ).focus(function() {
+  $( this ).closest( ".form-group" ).find( ".help-block" )
+  .filter( ":hidden" ).show(400);
+});
+
+$( ".form-group" ).focusout(function (event) {
+  if ( $( this ).has( event.relatedTarget ).length == 0 ) {
+    $( this ).find( ".help-block" ).hide(400);
+  }
+});