Click events.

js/fx.js

@@ -5,11 +5,11 @@ $(window).ready(function() {
   $("#skillset .section_header").delay(1100).animate({width:"show"},800);
   $("#experience .section_header").delay(1100).animate({width:"show"},800);
   $("#projects .section_header").delay(1100).animate({width:"show"},800);
-});
-
+  
 //Expanding sections.
-$(".section_header h1").click(function() {
-  console.log("Yo");
+  $(".section_header").click(function() {
+    $(this).parent().find(".contents").toggle();
+  });
 });
 
 

notready.html

@@ -22,7 +22,7 @@
       <div id="header_title">
        <p>Hey there! My name is Marc.</p>
       </div>
-      <div id="header_blurb">
+      <div id="header_blurb" class="invisible">
        <p>I am a 25 years old computer engineering major student at McGill University (Montreal, CAN). I also minor
         in mathematics out of playful curiosity. Originally a physiology and mathematics double-major, bioinformatics-
         related courses sparked my interest for all things computer systems and I promptly changed faculty to
@@ -36,7 +36,7 @@
     </div>
     <div id="skillset">
     <div class="section_header fleft clearb fullwidth invisible">
-        <center><h1 class="nomargin centered">Skillset</h1></center>
+        <center><h1 class="nomargin">Skillset</h1></center>
     </div>
     <div class="contents">
       <ul class="nomargin pad5">

style.css

@@ -21,22 +21,20 @@
 }
 
 #header_blurb {
-  display: none;
+  /*display: none;*/
 }
 
-.section_headers {
-  left: 0;
-  width: 100%;
-  height: 50%;
-}
+.section_header {}
 
+.section_header_text {
+	font-size: 250%;
+}
 .contents {
   display: none;
 }
 
 #skillset .section_header {
   background-color: #1F7A7A;
-  
 }
 
 #skillset .contents {
@@ -48,14 +46,10 @@
 }
 
 #experience .contents {
-  display: none;
-  
   background-color: #33CCCC;
 }
 
 #projects .section_header {
-  display: none;
-  
   background-color: #33CCCC;
 }