Fix for conflict with depends="$token$"

* Added css class

Added row-hide CSS class for fixing issue with tabs and depends="$token$".

* Fixed issue with using jQuery show() and hide()

Changed logic to add and remove a class rather than use show() and and hide() as the inline styles added with show() and hide() were messing with rows hidden with depends="$token$".

src/appserver/static/tabs.css

@@ -43,3 +43,7 @@
 .dashboard-panel[class*="dashboardPanel---pages-dark"] ul.nav-tabs li.active a {
 	color: #ffffff;
 }
+
+.row-hide {
+    display: none;
+}

src/appserver/static/tabs.js

@@ -31,7 +31,7 @@ require(['jquery','underscore','splunkjs/mvc', 'bootstrap.tab', 'splunkjs/mvc/si
 			var targets = $(tabs[c]).data("elements").split(",");
 
 			for (var d = 0; d < targets.length; d++) {
-				$('#' + targets[d], this.$el).hide();
+				$('#' + targets[d], this.$el).addClass('row-hide');
 			}
 		}
 	};
@@ -111,7 +111,7 @@ require(['jquery','underscore','splunkjs/mvc', 'bootstrap.tab', 'splunkjs/mvc/si
 		for(var c = 0; c < toToggle.length; c++){
 
 			// Show the items
-			$('#' + toToggle[c], this.$el).show();
+			$('#' + toToggle[c], this.$el).removeClass('row-hide');
 
 			// Re-render the panels under the item if necessary
 			rerenderPanels(toToggle[c]);
@@ -237,4 +237,4 @@ require(['jquery','underscore','splunkjs/mvc', 'bootstrap.tab', 'splunkjs/mvc/si
 	};
 
 	firstTimeTabSetup();
-});
+});