RCTumolac · March 20, 2017 22:46
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
    <head>
        <title>Gravity Starter Code</title>
    </head>
    <body>
        <img id="pic" src="https://s-media-cache-ak0.pinimg.com/236x/24/2d/2e/242d2e2f40995f6f6ef2cd10a245c196.jpg">
        <img id = "pic2" src = "https://img.clipartfest.com/5493ad092ec7af34540a4fa5562d3543_bomb-clip-art-images-free-for-atomic-bomb-clip-art_664-800.png">
        <div id="ground"></div>
    </body>
 </html>
diff --git a/popcode.json b/popcode.json
 {"enabledLibraries":["jquery"]}
diff --git a/script.js b/script.js
 //sets element to the variable $pic
 var $pic = $("#pic"); 
 var $ground = $("#ground");
 var $pic2 = $("#pic2");

 $pic2.hide();

 $pic.click(function(){
   //Your code goes here
   setInterval(function(){ 
    if($pic.offset().top <= $ground.offset().top){
       $pic.css("top", $("#pic").offset().top + 10); 
   }
    else{
        $pic.hide();
        $pic2.show();
        }
       }, 10);
    });
    
    
diff --git a/styles.css b/styles.css
    #pic { 
        position: absolute;
        width: 50px;
        width: 60px;
        left: 50%;
        top: 5%;
    }
    
    #ground { 
        position: absolute;
        background-color: black;
        width: 100%;
        height: 20px;
        top: 95%;
    }
    #pic2{
        position: absolute;
        left: 35%;
        top: 11%;
    }
	<!DOCTYPE html>
	<html>
	<head>
	<title>Gravity Starter Code</title>
	</head>
	<body>
	<img id="pic" src="https://s-media-cache-ak0.pinimg.com/236x/24/2d/2e/242d2e2f40995f6f6ef2cd10a245c196.jpg">
	<img id = "pic2" src = "https://img.clipartfest.com/5493ad092ec7af34540a4fa5562d3543_bomb-clip-art-images-free-for-atomic-bomb-clip-art_664-800.png">
	<div id="ground"></div>
	</body>
	</html>
	//sets element to the variable $pic
	var $pic = $("#pic");
	var $ground = $("#ground");
	var $pic2 = $("#pic2");

	$pic2.hide();

	$pic.click(function(){
	//Your code goes here
	setInterval(function(){
	if($pic.offset().top <= $ground.offset().top){
	$pic.css("top", $("#pic").offset().top + 10);
	}
	else{
	$pic.hide();
	$pic2.show();
	}
	}, 10);
	});