From a7e44ca707d13f728417b07505f2342576ac5809 Mon Sep 17 00:00:00 2001
From: Stefan Dombrowski <sdo451@gmail.com>
Date: Sun, 22 Jun 2014 18:11:51 +0200
Subject: [PATCH] Fix example for animation

* Highlight the correct lines
* Add missing text to button
* Remove unnecessary div
---
 docs/09.1-animation.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/09.1-animation.md b/docs/09.1-animation.md
index 4068365a..f08e24a2 100644
--- a/docs/09.1-animation.md
+++ b/docs/09.1-animation.md
@@ -17,7 +17,7 @@ React provides a `ReactTransitionGroup` addon component as a low-level API for a
 
 `ReactCSSTransitionGroup` is the interface to `ReactTransitions`. This is a simple element that wraps all of the components you are interested in animating. Here's an example where we fade list items in and out.
 
-```javascript{22-24}
+```javascript{30-32}
 /** @jsx React.DOM */
 
 var ReactCSSTransitionGroup = React.addons.CSSTransitionGroup;
@@ -33,7 +33,7 @@ var TodoList = React.createClass({
   },
   handleRemove: function(i) {
     var newItems = this.state.items;
-    newItems.splice(i, 1)
+    newItems.splice(i, 1);
     this.setState({items: newItems});
   },
   render: function() {
@@ -46,7 +46,7 @@ var TodoList = React.createClass({
     }.bind(this));
     return (
       <div>
-        <div><button onClick={this.handleAdd} /></div>
+        <button onClick={this.handleAdd}>Add Item</button>
         <ReactCSSTransitionGroup transitionName="example">
           {items}
         </ReactCSSTransitionGroup>