Tab section show/hide via CSS Vs JavaScript

This will allow us to apply different behaviour for scrollspy show/hide, leaving the common JavaScript the same

war/src/main/js/widgets/config/model/ConfigSection.js

@@ -94,7 +94,7 @@ ConfigSection.prototype.activate = function() {
 ConfigSection.prototype.markRowsAsActive = function() {
     var rows = this.getRows();
     for (var i = 0; i < rows.length; i++) {
-        rows[i].addClass('active').show();
+        rows[i].addClass('active');
     }
     for (var ii = 0; ii < this.subSections.length; ii++) {
         this.subSections[ii].markRowsAsActive();

war/src/main/js/widgets/config/model/ConfigTableMetaData.js

@@ -266,7 +266,6 @@ ConfigTableMetaData.prototype.hideSection = function() {
 
     $('.config-section-activator.active', this.activatorContainer).removeClass('active');
     topRows.filter('.active').removeClass('active');
-    topRows.hide();
 };
 
 ConfigTableMetaData.prototype.onShowSection = function(listener) {

war/src/main/js/widgets/config/tabbar.less

@@ -295,6 +295,14 @@
   
       }
     }
+
+    table.job-config > tbody > tr {
+      display: none;
+    }
+    table.job-config > tbody > tr.active {
+      display: table-row;
+    }
+
     span.highlight {
       background-color: #ffff00;
     }