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

Line 15: Line 15:
 
     $("#flip1").click(function(){
 
     $("#flip1").click(function(){
 
         $("#panel1").slideToggle("slow");
 
         $("#panel1").slideToggle("slow");
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#estrogen_sensor").click(function(){
 +
        $("#estrogen_sensor_p").slideToggle("slow");
 
     });
 
     });
 
});
 
});
Line 87: Line 93:
 
     text-align: center;
 
     text-align: center;
 
     border: solid 3px #c3c3c3;
 
     border: solid 3px #c3c3c3;
−
     background-color: purple;
+
     background-color: #69c94f;
−
     color: white;
+
     color: #406182;
 
     width: 80%;
 
     width: 80%;
 
     margin: auto;
 
     margin: auto;
Line 96: Line 102:
 
     padding: 30px;
 
     padding: 30px;
 
     display: none;
 
     display: none;
−
     background-color: purple;
+
     background-color: transparent;
 
     width: 76%;
 
     width: 76%;
 
     margin: auto;
 
     margin: auto;
Line 106: Line 112:
 
     text-align: center;
 
     text-align: center;
 
     border: solid 3px #c3c3c3;
 
     border: solid 3px #c3c3c3;
−
     background-color: purple;
+
     background-color: #69c94f;
 
     color: white;
 
     color: white;
 
     width: 80%;
 
     width: 80%;
 
     margin: auto;
 
     margin: auto;
 
}
 
}
−
 
 
#panel1 {
 
#panel1 {
 
     padding: 30px;
 
     padding: 30px;
 
     display: none;
 
     display: none;
−
     background-color: purple;
+
     background-color: #69c94f;
 
     width: 76%;
 
     width: 76%;
 
     margin: auto;
 
     margin: auto;
 
}
 
}
  
 +
 +
#estrogen_sensor_p, #estrogen_sensor {
 +
    padding: 5px;
 +
    text-align: center;
 +
    border: solid 3px #c3c3c3;
 +
    background-color: #69c94f;
 +
    color: #406182;
 +
    width: 80%;
 +
    margin: auto;
 +
}
 +
 +
#estrogen_sensor_p {
 +
    padding: 30px;
 +
    display: none;
 +
    background-color: white;
 +
    width: 76%;
 +
    margin: auto;
 +
}
 
/* /toggle menu code */
 
/* /toggle menu code */
  
Line 138: Line 161:
 
<div id="flip">Click to slide the panel down or up</div>
 
<div id="flip">Click to slide the panel down or up</div>
 
<div id="panel">Hello world!</div>
 
<div id="panel">Hello world!</div>
 +
 +
 
<div id = "flip1">Heyo</div>
 
<div id = "flip1">Heyo</div>
 
<div id = "panel1">wow, did this work</div>
 
<div id = "panel1">wow, did this work</div>
 +
 +
<div id = "estrogen_sensor">Estrogen Sensor</div>
 +
<div id = "estrogen_sensor_p">Estrogen Sensor Protocol</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 02:29, 30 June 2015

Under Construction.

This is almost as well-documented as Kim Kardashian's wedding.

Click to slide the panel down or up
Hello world!
Heyo
wow, did this work
Estrogen Sensor
Estrogen Sensor Protocol