Line 84: | Line 84: | ||
<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> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#Carlos_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Carlos_img').slideToggle("slow"); | ||
+ | $('#Carlos_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#David_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#David_img').slideToggle("slow"); | ||
+ | $('#David_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#George_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#George_img').slideToggle("slow"); | ||
+ | $('#George_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Illene_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Illene_img').slideToggle("slow"); | ||
+ | $('#Illene_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | |||
+ | $('#Josh_img').click(function() { | ||
+ | $('.bio_card_img').show(); | ||
+ | $('.bio').css("visibility", "hidden"); | ||
+ | $('#Josh_img').slideToggle("slow"); | ||
+ | $('#Josh_bio').css("visibility", "visible"); | ||
+ | }); | ||
+ | }); | ||
</script> | </script> | ||
</head> | </head> |
Revision as of 02:34, 14 September 2016