Differences

This shows you the differences between two versions of the page.

--- emse:students [2015/03/16 15:25]
cnguyen
+++ emse:students [2015/03/16 15:53]
cnguyen
@@ Line 9: / Line 9: @@
 	}
-	.student-year .table
+	.students .table
 	{
 		display: none;
@@ Line 15: / Line 15: @@
 </style>
 <div class="student-year">
-	<p>
-<b class="year" active="no">2014-2016<span class="arrow arrow-up">▲</span></b>
-</p>
+<div class="students">
-<div class="table sectionedit1"><table class="inline">
+<b class="year" active="yes">2014-2016 <span class="arrow arrow-up">▼</span></b> <br>
+<div class="table sectionedit1" style="display:inline-block;">
+	<table class="inline">
 	<thead>
 	<tr class="row0">
@@ Line 43: / Line 47: @@
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2013-2015<span class="arrow arrow-up">▲</span></b> <br>
-<p>
-<b class="year" active="no">2013-2015<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit2"><table class="inline">
 	<thead>
@@ Line 77: / Line 82: @@
 		<td class="col0 centeralign">       Sheikh Mustaq Ahmmed           </td><td class="col1 centeralign">  Bangladesh  </td><td class="col2 centeralign">    UKL    </td><td class="col3 centeralign">  FUB   </td>
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2012-2014<span class="arrow arrow-up">▲</span></b> <br>
-<p>
-<b class="year" active="no">2012-2014<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit3"><table class="inline">
 	<thead>
@@ Line 97: / Line 104: @@
 		<td class="col0 centeralign">	Taufan Harsilo Ardhinata  </td><td class="col1 centeralign">  Indonesia  </td><td class="col2 centeralign">   UKL  </td><td class="col3 centeralign">   FUB   </td>
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2011-2013<span class="arrow arrow-up">▲</span></b> <br>
-<p>
-<b class="year" active="no">2011-2013<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit4"><table class="inline">
 	<thead>
@@ Line 129: / Line 138: @@
 		<td class="col0 centeralign">	Tran huynh Khanh Vi	</td><td class="col1 centeralign">    Vietnam	</td><td class="col2 centeralign">	BTH	</td><td class="col3 centeralign">	FUB	</td>
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2010-2012<span class="arrow arrow-up">▲</span></b> <br>
-<p>
-<b class="year" active="no">2010-2012<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit5"><table class="inline">
 	<thead>
@@ Line 168: / Line 179: @@
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2009-2011<span class="arrow arrow-up">▲</span></b>  <br>
-<p>
-<b class="year" active="no">2009-2011<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit6"><table class="inline">
 	<thead>
@@ Line 201: / Line 214: @@
 </tbody></table></div>
-<p>
+</div>
-<b class="year" active="no">2008-2010<span class="arrow arrow-up">▲</span></b>
-</p>
+<div class="students">
+<b class="year" active="no">2008-2010<span class="arrow arrow-up">▲</span></b>  <br>
 <div class="table sectionedit7"><table class="inline">
 	<thead>
@@ Line 247: / Line 263: @@
 	</tr>
 </tbody></table></div>
+</div>
+<div class="students">
+<b class="year" active="no">2007-2009<span class="arrow arrow-up">▲</span></b>  <br>
-<p>
-<b class="year" active="no">2007-2009<span class="arrow arrow-up">▲</span></b>
-</p>
 <div class="table sectionedit8"><table class="inline">
 	<thead>
@@ Line 291: / Line 308: @@
 	</tr>
 </tbody></table></div>
+</div>
-<p>
+<div class="students">
-<b class="year" active="no">2006-2008<span class="arrow arrow-up">▲</span></b>
+<b class="year" active="no">2006-2008<span class="arrow arrow-up">▲</span></b>  <br>
-</p>
 <div class="table sectionedit9"><table class="inline">
 	<thead>
@@ Line 328: / Line 344: @@
 		<td class="col0 centeralign">	Tamasauskaite Migle	</td><td class="col1 centeralign">	Lithuania	</td><td class="col2 centeralign">	FUB	</td><td class="col3 centeralign">	UPM	</td>
 	</tr>
 </tbody></table></div>
+</div>
-<p>
-<b class="year" active="no">2005-2007<span class="arrow arrow-up">▲</span></b>
-</p>
-<div class="table sectionedit10"><table class="inline">
-	<thead>
-	<tr class="row0">
-		<th class="col0 centeralign">	Name	</th><th class="col1 centeralign">	Country	</th><th class="col2 centeralign">	1st year	</th><th class="col3 centeralign">	2nd year	</th>
-	</tr>
-	</thead>
-	<tbody><tr class="row1">
-		<td class="col0 centeralign">	Kaulins Raimonds	</td><td class="col1 centeralign">	Latvia	</td><td class="col2 centeralign">	BTH	</td><td class="col3 centeralign">	FUB	</td>
-	</tr>
-	<tr class="row2">
-		<td class="col0 centeralign">	Tymsan Romuald	</td><td class="col1 centeralign">	Lithuania	</td><td class="col2 centeralign">	BTH 	</td><td class="col3 centeralign">	FUB	</td>
-	</tr>
-</tbody></table></div>
+	<div class="students">
+		<b class="year" active="no">2005-2007<span class="arrow arrow-up">▲</span></b>  <br>
+		<div class="table sectionedit10"><table class="inline">
+			<thead>
+			<tr class="row0">
+				<th class="col0 centeralign">	Name	</th><th class="col1 centeralign">	Country	</th><th class="col2 centeralign">	1st year	</th><th class="col3 centeralign">	2nd year	</th>
+			</tr>
+			</thead>
+			<tbody><tr class="row1">
+				<td class="col0 centeralign">	Kaulins Raimonds	</td><td class="col1 centeralign">	Latvia	</td><td class="col2 centeralign">	BTH	</td><td class="col3 centeralign">	FUB	</td>
+			</tr>
+			<tr class="row2">
+				<td class="col0 centeralign">	Tymsan Romuald	</td><td class="col1 centeralign">	Lithuania	</td><td class="col2 centeralign">	BTH 	</td><td class="col3 centeralign">	FUB	</td>
+			</tr>
+		</tbody></table></div>
+	</div>
 </div>
 <ul>
@@ Line 358: / Line 379: @@
 	$( document ).ready(function() {
-	$('.year').on('click',function()
+	$('.students .year').on('click',function()
 	{
 		// alert('aaa')
@@ Line 365: / Line 386: @@
 		if($(_this).attr('active')=='no'){
 			$(_this).attr('active','yes')
-			$(_this).next().next('div.table').css('display','inline-block')
+			$(_this).next().next('div').css('display','inline-block')
-			$(_this).children().text('▲')
+			$(_this).children().text('▼')
 		}
 		else
 		{
 			$(_this).attr('active','no')
-			$(_this).next().next('div.table').css('display','none')
+			$(_this).next().next('div').css('display','none')
-			$(_this).children().text('▼')
+			$(_this).children().text('▲')
 		}