diff --git a/portfolio/src/App.js b/portfolio/src/App.js
index 0945a7c..bb96dab 100644
--- a/portfolio/src/App.js
+++ b/portfolio/src/App.js
@@ -3,7 +3,15 @@ import React, { Component } from 'react';
 class App extends Component {
   constructor() {
     super();
-    this.state = { displayBio: true };
+    this.state = { displayBio: false };
+
+    console.log('Component this', this);
+
+    this.toggleDisplayBio = this.toggleDisplayBio.bind(this);
+  }
+
+  toggleDisplayBio() {
+    this.setState({ displayBio: !this.state.displayBio });
   }
 
   render() {
@@ -18,8 +26,13 @@ class App extends Component {
               <p>I live in San Francisco, and code every day.</p>
               <p>My favorite language is JavaScript, and I think React.js is awesome</p>
               <p>Besides coding, I also love music and ramen!</p>
+              <button onClick={this.toggleDisplayBio}>Show less</button>
+            </div>
+          ) : (
+            <div>
+              <button onClick={this.toggleDisplayBio}>Read more</button>
             </div>
-          ) : null
+          )
         }
       </div>
     );