Difference between revisions of "Team:Hong Kong UCCKE/Notebook"

Line 16: Line 16:
  
 
<h3 class="sectiontitle" id="week1" style="clear:both;">Week 1 (1-4/12/2016)</h3>
 
<h3 class="sectiontitle" id="week1" style="clear:both;">Week 1 (1-4/12/2016)</h3>
<div id="weekcontent week1content">
+
<div class="weekcontent week1content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 23: Line 23:
  
 
<h3 class="sectiontitle" id="week2" style="clear:both; margin-top: 20px;">Week 2 (5-11/12/2016)</h3>
 
<h3 class="sectiontitle" id="week2" style="clear:both; margin-top: 20px;">Week 2 (5-11/12/2016)</h3>
<div id="weekcontent week2content">
+
<div class="weekcontent week2content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 30: Line 30:
  
 
<h3 class="sectiontitle" id="week3" style="clear:both; margin-top: 20px;">Week 3 (12-18/12/2016)</h3>
 
<h3 class="sectiontitle" id="week3" style="clear:both; margin-top: 20px;">Week 3 (12-18/12/2016)</h3>
<div id="weekcontent week3content">
+
<div class="weekcontent week3content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 37: Line 37:
  
 
<h3 class="sectiontitle" id="week4" style="clear:both; margin-top: 20px;">Week 4 (19-25/12/2016)</h3>
 
<h3 class="sectiontitle" id="week4" style="clear:both; margin-top: 20px;">Week 4 (19-25/12/2016)</h3>
<div id="weekcontent week4content">
+
<div class="weekcontent week4content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 44: Line 44:
  
 
<h3 class="sectiontitle" id="week5" style="clear:both; margin-top: 20px;">Week 5 (26/12/2016 - 1/1/2017)</h3>
 
<h3 class="sectiontitle" id="week5" style="clear:both; margin-top: 20px;">Week 5 (26/12/2016 - 1/1/2017)</h3>
<div id="weekcontent week5content">
+
<div class="weekcontent week5content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 51: Line 51:
  
 
<h3 class="sectiontitle" id="week6" style="clear:both; margin-top: 20px;">Week 6 (2-8/1/2017)</h3>
 
<h3 class="sectiontitle" id="week6" style="clear:both; margin-top: 20px;">Week 6 (2-8/1/2017)</h3>
<div id="weekcontent week6content">
+
<div class="weekcontent week6content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 58: Line 58:
  
 
<h3 class="sectiontitle" id="week7" style="clear:both; margin-top: 20px;">Week 7 (9-15/1/2017)</h3>
 
<h3 class="sectiontitle" id="week7" style="clear:both; margin-top: 20px;">Week 7 (9-15/1/2017)</h3>
<div id="weekcontent week7content">
+
<div class="weekcontent week7content">
 
<div class="divider"></div>
 
<div class="divider"></div>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 
<p style="text-align:left !important;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
Line 115: Line 115:
 
<html>
 
<html>
 
<script>
 
<script>
 +
$('.weekcontent').hide();
 
var clickedid = "";
 
var clickedid = "";
 
$('.sectiontitle').click(function(){
 
$('.sectiontitle').click(function(){
clickedid = "#" + $(this).attr('id') + "content";
+
clickedid = "." + $(this).attr('id') + "content";
 
$(clickedid).toggle(300);
 
$(clickedid).toggle(300);
 
})
 
})
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 06:03, 16 August 2017

Week 1 (1-4/12/2016)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 2 (5-11/12/2016)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 3 (12-18/12/2016)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 4 (19-25/12/2016)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 5 (26/12/2016 - 1/1/2017)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 6 (2-8/1/2017)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Week 7 (9-15/1/2017)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.