Index: lams_monitoring/web/tblmonitor/teams.jsp
===================================================================
diff -u -r7e71d3c117c81dda7bed5a8bfb1f3e01adc3c104 -rdd8758e2e6d773e610086c90370c6e25e925de34
--- lams_monitoring/web/tblmonitor/teams.jsp	(.../teams.jsp)	(revision 7e71d3c117c81dda7bed5a8bfb1f3e01adc3c104)
+++ lams_monitoring/web/tblmonitor/teams.jsp	(.../teams.jsp)	(revision dd8758e2e6d773e610086c90370c6e25e925de34)
@@ -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="card card-plain">
 			<div class="card-header">
 				<h4 class="card-title card-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>