Modifying the example so that we're adding the class to the "currentT…

…arget" of the event ($luigi) - this will make a more interesting example later
esimionato · May 23, 2012 · ab52fae · ab52fae
1 parent abeab18
commit ab52fae
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/css/style.css b/css/style.css
@@ -41,6 +41,9 @@ body {
     display: none;
     position: relative;
 }
+.event-details .luigi.active .kick-butt {
+    display: block;
+}
 .event-details .luigi .kick-butt .fireball {
     position: absolute;
     left: 70px;

diff --git a/index.html b/index.html
@@ -85,7 +85,7 @@
         var $luigi = $('.event-details .luigi');
 
         $luigi.click(function() {
-            var $wrapper = $(this).find('.kick-butt').show();
+            $luigi.addClass('active');
 
             var $fireball = $(this).find('.fireball');
             var $enemy = $(this).find('.enemy');
@@ -99,12 +99,11 @@
                 $bam.show();
 
                 setTimeout(function() {
-                    $wrapper.fadeOut(null, function() {
-                        $fireball.css({left: '70px'});
-                        $fireball.show();
-                        $enemy.show();
-                        $bam.hide();
-                    });
+                    $luigi.removeClass('active');
+                    $fireball.css({left: '70px'});
+                    $fireball.show();
+                    $enemy.show();
+                    $bam.hide();
                 }, 1000);
             });