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

Line 9: Line 9:
 
     $("#flip").click(function(){
 
     $("#flip").click(function(){
 
         $("#panel").slideToggle("slow");
 
         $("#panel").slideToggle("slow");
 +
    });
 +
});
 +
 +
$(document).ready(function(){
 +
    $("#flip1").click(function(){
 +
        $("#panel1").slideToggle("slow");
 
     });
 
     });
 
});
 
});
Line 59: Line 65:
 
}
 
}
  
 +
 +
#panel1, #flip1 {
 +
    padding: 5px;
 +
    text-align: center;
 +
    border: solid 3px #c3c3c3;
 +
    background-color: purple;
 +
    color: white;
 +
    width: 80%;
 +
    margin: auto;
 +
}
 +
 +
#panel1 {
 +
    padding: 30px;
 +
    display: none;
 +
    background-color: purple;
 +
    width: 76%;
 +
    margin: auto;
 +
}
 
</style>
 
</style>
 
</head>
 
</head>
Line 66: Line 90:
 
<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 = "flip">Heyo</div>
+
<div id = "flip1">Heyo</div>
−
<div id = "panel">wow, did this work</div>
+
<div id = "panel1">wow, did this work</div>
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 19:42, 24 June 2015

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