Line 94: | Line 94: | ||
<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 198: | Line 161: | ||
</div> | </div> | ||
</body> | </body> | ||
+ | <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> | ||
</html> | </html> |
Revision as of 06:06, 18 October 2016