Index: lams_tool_doku/web/pages/learning/galleryWalk.jsp
===================================================================
diff -u -r2c0e35f7c458cedfc3d6849224a151a9568546b6 -rb5c36d2f8fb70869f2402ed3457a9513e2db871c
--- lams_tool_doku/web/pages/learning/galleryWalk.jsp	(.../galleryWalk.jsp)	(revision 2c0e35f7c458cedfc3d6849224a151a9568546b6)
+++ lams_tool_doku/web/pages/learning/galleryWalk.jsp	(.../galleryWalk.jsp)	(revision b5c36d2f8fb70869f2402ed3457a9513e2db871c)
@@ -13,26 +13,6 @@
 	<title><fmt:message key="label.learning.title" /></title>
 	<%@ include file="/common/header.jsp"%>
 	<style>
-		body {
-		  position: relative;
-		}
-		
-		#group-nav-menu {
-			background-color: #FFF;
-		}
-		
-		#group-nav-menu.affix {
-			border: 1px solid #337ab7;
-			border-radius: 10px;
-		}
-		
-		#group-nav-menu > ul {
-			padding: 1rem;
-		}
-		
-		#doku-group-panels > .doku-group-panel {
-			margin-top: 40px;
-		}
 	</style>
 
 	<script type="text/javascript" src="${lams}includes/javascript/etherpad.js"></script>
@@ -47,13 +27,6 @@
 					etherpadInitMethods[groupId]();
 				}
 			});
-			
-			$('#group-nav-menu').on('affixed.bs.affix', function () {
-				$('body').scrollspy({ 
-					target: '#group-nav-menu',
-					offset: 600
-				});
-			});
 		});
 	</script>
 </lams:head>
@@ -65,24 +38,14 @@
 	
 	<c:out value="${dokumaran.description}" escapeXml="false" />
 	
-	<nav id="group-nav-menu" data-spy="affix" data-offset-top="250">
-		<ul  class="nav nav-pills" >
-			<c:forEach var="groupSummary" items="${summaryList}" varStatus="status">
-				<li>
-					<a href="#heading${groupSummary.sessionId}"><c:out value="${groupSummary.sessionName}" /></a>
-				</li>
-			</c:forEach>
-		</ul>
-	</nav>
-	
 	<div id="doku-group-panels" class="panel-group" role="tablist" aria-multiselectable="true"> 
 		<c:forEach var="groupSummary" items="${summaryList}" varStatus="status">
 		
 		    <div class="panel panel-default doku-group-panel">
-		       <div class="panel-heading" id="heading${groupSummary.sessionId}">
+		       <div class="panel-heading" role="tab" id="heading${groupSummary.sessionId}">
 		       	<span class="panel-title collapsable-icon-left">
 		       		<a class="collapsed" role="button" data-toggle="collapse" href="#collapse${groupSummary.sessionId}" 
-							aria-expanded="false" aria-controls="collapse${groupSummary.sessionId}" >
+							aria-expanded="false" aria-controls="collapse${groupSummary.sessionId}" data-parent="#doku-group-panels">
 						<c:out value="${groupSummary.sessionName}" />
 					</a>
 				</span>