underdown · July 14, 2020 20:31
diff --git a/index.html b/index.html
 <div ID="container">
  <div class="highlight hidden"></div
  
  
 </div>
diff --git a/playing-with-overlays.markdown b/playing-with-overlays.markdown
diff --git a/script.js b/script.js
 $(document).ready(function() {
 
  $("#container").click(function() {
    $("#container .highlight").toggleClass("hidden");
    console.log("container clicked");
  });
  
  
  });
diff --git a/scripts b/scripts
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
diff --git a/style.css b/style.css
 #container {max-width:560px;margin:auto;background-image:url("https://classyclosets.com/lp/images/price-1.jpg");border:1px solid #000000;height:400px}
 .highlight {height:100%;width:100%;background-image:url("https://classyclosets.com/lp/images/price-2.png" );background-cover:cover;}
 .hidden {display:none;}
	<div ID="container">
	<div class="highlight hidden"></div


	</div>
	$(document).ready(function() {

	$("#container").click(function() {
	$("#container .highlight").toggleClass("hidden");
	console.log("container clicked");
	});


	});
	#container {max-width:560px;margin:auto;background-image:url("https://classyclosets.com/lp/images/price-1.jpg");border:1px solid #000000;height:400px}
	.highlight {height:100%;width:100%;background-image:url("https://classyclosets.com/lp/images/price-2.png" );background-cover:cover;}
	.hidden {display:none;}