Difference between revisions of "Team:Carnegie Mellon/CSS"

Line 7: Line 7:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
     $(".flip").click(function(){
+
     $(".flip1").click(function(){
         $(".panel").slideToggle("slow");
+
         $(".panel1").slideToggle("slow");
 +
    });
 +
});
 +
 
 +
$(document).ready(function(){
 +
    $(".flip2").click(function(){
 +
        $(".panel2").slideToggle("slow");
 +
    });
 +
});
 +
 
 +
$(document).ready(function(){
 +
    $(".flip3").click(function(){
 +
        $(".panel3").slideToggle("slow");
 
     });
 
     });
 
});
 
});
Line 15: Line 27:
  
 
<style src = "" type = "text/css">
 
<style src = "" type = "text/css">
.panel {
+
.row {
    display: none;
+
  height: 0px;
 
}
 
}
 
  
  
Line 34: Line 45:
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
     <td class = "panel1">bio1</td>
+
  <div class = "row">
     <td class = "panel2">bio2</td>  
+
     <td class = "panel1" style = "position: absolute">bio1</td>
     <td class = "panel3">bio3</td>
+
     <td class = "panel2" style = "position: relative">bio2</td>  
 +
     <td class = "panel3" style = "position: relative">bio3</td>
 +
    </div>
 
   </tr>
 
   </tr>
 
</table>
 
</table>

Revision as of 23:05, 5 July 2015

Niteesh Dominique Michelle
bio1 bio2 bio3