diff --git a/app/views/layouts/tutorial/home/_breaker.html.erb b/app/views/layouts/tutorial/home/_breaker.html.erb
index e69de29..653deba 100644
--- a/app/views/layouts/tutorial/home/_breaker.html.erb
+++ b/app/views/layouts/tutorial/home/_breaker.html.erb
@@ -0,0 +1 @@
+<h1>hello</h1>
\ No newline at end of file
diff --git a/app/views/tutorials/index.html.erb b/app/views/tutorials/index.html.erb
index 67b4bd0..fc9ae71 100755
--- a/app/views/tutorials/index.html.erb
+++ b/app/views/tutorials/index.html.erb
@@ -58,9 +58,13 @@ function makeActive(){
 
 $('#breaker').click(function(event){
   event.preventDefault();
-  $("#main").empty()
+  $("#main").fadeOut(500, function() {
+     $(this).empty().show();
+  });
+  
   $("#info").empty()
-  $("#info").load(<%= sanitize  breaker_tutorials_path.inspect %>)
+  $("#info").load(<%= sanitize  breaker_tutorials_path.inspect %>).hide().fadeIn(4000)
+
 });
 
 $(document).ready(makeActive);