forked from technolyceum/g11-m2
added dom
This commit is contained in:
@@ -0,0 +1,22 @@
|
||||
//wait until page is ready
|
||||
$(document).ready(function() {
|
||||
//sets <a> element within paragraph to yellow
|
||||
$("p").click(function(){
|
||||
$(this).children("a").css("background-color", "yellow"); /* returns all the <a> child elements that are
|
||||
within this paragraph*/
|
||||
});
|
||||
|
||||
// Toggle the visibility of the paragraph when a button is clicked
|
||||
$("button").click(function(){
|
||||
$(this).prev().slideToggle('slow');
|
||||
});
|
||||
|
||||
// Open the paragraph once the image is clicked
|
||||
$("img").click(function() {
|
||||
$(this).next().children("p").slideDown();
|
||||
});
|
||||
|
||||
$(".card").click(function() {
|
||||
$(this).toggleClass("highlight");
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user