Blink Homework

blink.js

@@ -1 +1,38 @@
-// YOUR CODE GOES HERE
+// Write a jQuery plugin that makes an element act like a  <blink>  tag.
+// It should work for any arbitrary speed.
+
+// V2
+// Make plugin work for selectors that correspond to multiple elements.
+
+(function ( $ ) {
+
+	$.fn.blink = function(duration) {
+	    return this.each(function() {
+	    	setInterval(blinkit,duration,$(this));
+	    });
+	};
+
+}( jQuery ));
+
+function blinkit(obj) {
+	var value = obj.css('visibility') === 'visible' ? 'hidden' : 'visible';
+	obj.css('visibility',value);
+}
+
+
+// V1
+// Make plugin work for selectors that correspond to a single element.
+
+// (function ( $ ) {
+
+// 	$.fn.blink = function(duration) {
+// 		setInterval(blinkit,duration,this);
+// 		return this;
+// 	};
+
+// }( jQuery ));
+
+// function blinkit(obj) {
+// 	var value = obj.css('visibility') === 'visible' ? 'hidden' : 'visible';
+// 	obj.css('visibility',value);
+// }

index.html

@@ -13,8 +13,10 @@
       I'm <em>also</em> a <code>blink</code> tag!
     </div>
     <script>
-      $('.myDiv').blink(1000);
-      // $('.otherDiv').blink(500);
+      //$('.myDiv').blink(1000);
+      //$('.myDiv').blink(1000).css("color","red");
+      //$('.otherDiv').blink(500);
+      $('div').blink(700);
     </script>
   </body>
 </html>