Hover effects for the frontpage block partners
authorLaury GvR <laury@gaslightmedia.com>
Wed, 16 Nov 2016 21:53:59 +0000 (16:53 -0500)
committerLaury GvR <laury@gaslightmedia.com>
Wed, 16 Nov 2016 21:53:59 +0000 (16:53 -0500)
Now, when you hover over a block, it gets a top border color of
gold, like the PSD shows.

js/app.js
js/custom/pageSetup.js

index 0db0068..6fdaada 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -68,13 +68,15 @@ $(document).ready(function () {
 //    }, function () {
 //        $(".top-bar-section").css('border-top', '10px solid blue');
 //    });
-    $("#partners .blocks .block").each().hover(
-        function() {
-            $("#partners .block .block-content").css('border-color', '#fcb930')
-        },
-        function() {
-            $("#partners .block .block-content").css('border-color', '#007697')
-        }
-    );
+    $("#partners .blocks .block").each(function() {
+        $(this).hover(
+            function() {
+                $(this).children(".block-content").css('border-color', '#fcb930')
+            },
+            function() {
+                $(this).children(".block-content").css('border-color', '#007697')
+            }
+        )
+    });
     
 });
index eaea925..f93a391 100644 (file)
@@ -59,13 +59,15 @@ $(document).ready(function () {
 //    }, function () {
 //        $(".top-bar-section").css('border-top', '10px solid blue');
 //    });
-    $("#partners .blocks .block").each().hover(
-        function() {
-            $("#partners .block .block-content").css('border-color', '#fcb930')
-        },
-        function() {
-            $("#partners .block .block-content").css('border-color', '#007697')
-        }
-    );
+    $("#partners .blocks .block").each(function() {
+        $(this).hover(
+            function() {
+                $(this).children(".block-content").css('border-color', '#fcb930')
+            },
+            function() {
+                $(this).children(".block-content").css('border-color', '#007697')
+            }
+        )
+    });
     
 });