Line 88: | Line 88: | ||
<script src="//code.jquery.com/jquery-1.10.2.js"></script> | <script src="//code.jquery.com/jquery-1.10.2.js"></script> | ||
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> | <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</head> | </head> | ||
Line 414: | Line 303: | ||
</div> | </div> | ||
</body> | </body> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | |||
+ | $('#Emma_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Emma_img').slideToggle("slow"); | ||
+ | $('#Emma_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Christine_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Christine_img').slideToggle("slow"); | ||
+ | $('#Christine_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('#Jennifer_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Jennifer_img').slideToggle("slow"); | ||
+ | $('#Jennifer_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Jessica_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Jessica_img').slideToggle("slow"); | ||
+ | $('#Jessica_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#John_Luke_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#John_Luke_img').slideToggle("slow"); | ||
+ | $('#John_Luke_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | $('#Kendall_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Kendall_img').slideToggle("slow"); | ||
+ | $('#Kendall_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Margaret_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Margaret_img').slideToggle("slow"); | ||
+ | $('#Margaret_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Peter_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Peter_img').slideToggle("slow"); | ||
+ | $('#Peter_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Rohan_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Rohan_img').slideToggle("slow"); | ||
+ | $('#Rohan_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#John_Chen_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#John_Chen_img').slideToggle("slow"); | ||
+ | $('#John_Chen_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Kevin_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Kevin_img').slideToggle("slow"); | ||
+ | $('#Kevin_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Sofia_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Sofia_img').slideToggle("slow"); | ||
+ | $('#Sofia_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Quentin_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Quentin_img').slideToggle("slow"); | ||
+ | $('#Quentin_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Jade_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Jade_img').slideToggle("slow"); | ||
+ | $('#Jade_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#PeterS_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#PeterS_img').slideToggle("slow"); | ||
+ | $('#PeterS_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | $('#Shaurey_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Shaurey_img').slideToggle("slow"); | ||
+ | $('#Shaurey_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
</html> | </html> |
Revision as of 06:10, 18 October 2016