Index: lams_monitoring/web/tblmonitor/teams.jsp
===================================================================
diff -u -ra5fe38ed6e104a6d05c1b7b4857cd4a9a1909dd8 -r34fc2d6dfe8866aa2ad2455ced1f1c52e3d3f528
--- lams_monitoring/web/tblmonitor/teams.jsp	(.../teams.jsp)	(revision a5fe38ed6e104a6d05c1b7b4857cd4a9a1909dd8)
+++ lams_monitoring/web/tblmonitor/teams.jsp	(.../teams.jsp)	(revision 34fc2d6dfe8866aa2ad2455ced1f1c52e3d3f528)
@@ -3,6 +3,9 @@
 	.font-weight-bold {
 		font-weight: bold;
 	}
+	.group-title {
+	   	cursor: pointer;
+	}
 </style>
 
 <!-- ChartJS-->
@@ -32,6 +35,13 @@
 	       	});
 		});
 
+		//use jqeury toggle instead of bootstrap collapse 
+		$(".group-title").on('click', function () {
+			var div =  $("#collapse-" + $(this).data("groupid"));
+			div.toggleClass("in");
+			$(this).toggleClass("collapsed");
+		});
+
 		//Comparison button modal window
 		var chart;
 		$('#comparison-modal').on('shown.bs.modal', function (event) {
@@ -174,7 +184,7 @@
 		<div class="panel panel-default">
 			<div class="panel-heading">
 				<h4 class="panel-title panel-collapse">
-					<a data-toggle="collapse" data-target="#collapse-${groupDto.groupID}" href="#collapse-${groupDto.groupID}" class="collapsed" id="group-name-${groupDto.groupID}">
+					<a data-toggle="collapse" data-groupid="${groupDto.groupID}" class="collapsed group-title" id="group-name-${groupDto.groupID}">
 						${groupDto.groupName}
 					</a>
 				</h4>