testing

Author: zesameri

index.html

@@ -45,31 +45,31 @@ <h1> Meredith Hoo </h1>
       <div class="flex-row">
         <div class="cell">
           <p class="front">about</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
         <div  class="cell">
           <p class="front">goals</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
       </div>
       <div class="flex-row">
         <div class="cell">
           <p class="front">interests</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
         <div class="cell">
           <p class="front">experience</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
       </div>
       <div class="flex-row">
         <div class="cell">
           <p class="front">projects</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
         <div class="cell">
           <p class="front">contact</p>
-          <p class="back">test</p>
+          <p class="back"></p>
         </div>
       </div>
     </div>

js/main.js

@@ -6,13 +6,15 @@ $(document).ready(function() {
 			'slow');
 	});
 	$(".cell").click(function(){
-		$(this).children(":visible").fadeOut(1);
-		$(this).children(":hidden").delay(500).fadeIn();
-		if ($(this).find(".back:visible")) {
+		if ($(this).find(".front:visible")) {
+			$(this).children().fadeOut();
 			$(this).siblings().fadeOut();
 			$(this).parent().siblings().fadeOut();
+			$(this).children(":hidden").delay(500).fadeIn();
 		}
-		if ($(this).find(".front:visible")) {
+		if ($(this).find(".back:visible")) {
+			$(this).children(":visible").fadeOut(1);
+			$(this).children(":hidden").delay(500).fadeIn();
 			$(".flex-row").delay(1000).show();
 			$(".cell").delay(1000).show();
 		}