added dom

FromJavaScriptTojQuery-master/04-jQuery-TraversingMtDOM/07-other_traversing_methods_challenge_1/js/script.js

@@ -0,0 +1,34 @@
+//waits until page is ready
+$(document).ready(function(){
+  
+    //will need to comment out some code when trying to view effects on theeir own
+    //hides all panels when a panel is clicked
+    $(".theButton").click(function(){
+        $("#panel .container").siblings().hide();
+    });
+
+    //hides only the panel that was clicked
+    $(".theButton").click(function(){
+        $(this).hide();
+    })
+    
+    //adds a fadeTo to all panels when a panel is clicked
+    $(".theButton").click(function(){
+        $("#panel .container").siblings().fadeTo(1000, .5);
+    });
+    
+    //restores all panels to full opacity when reset button clicked 
+    $(".superButton").click(function(){
+        $("#panel .container").siblings().fadeTo(1000,1);	
+    });
+    
+    //turns panel background black on mouseenter
+    $(".theButton").mouseenter(function(){
+        $(this).addClass("makeBlack");
+    });
+    
+     //returns to original colour on mouseout 
+    $(".theButton").mouseout(function(){
+        $(this).removeClass("makeBlack");
+    });    
+});