exploring state and events - part 5

StephenGrider · Mar 29, 2015 · 3e8921a · 3e8921a
1 parent b2bf2d4
commit 3e8921a
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/dropdown/src/dropdown.jsx b/dropdown/src/dropdown.jsx
@@ -8,7 +8,10 @@ var ListItem = require('./list-item');
 
 module.exports = React.createClass({
   handleClick: function() {
-    alert('hello from dropdown');
+    this.setState({open: !this.state.open});
+  },
+  getInitialState: function(){
+    return { open: false }
   },
   render: function() {
     var list = this.props.items.map(function(item){
@@ -22,7 +25,7 @@ module.exports = React.createClass({
         title={this.props.title}
         subTitleClassName="caret"
         />
-      <ul>
+      <ul className={"dropdown-menu " + (this.state.open ? "show" : "") }>
         {list}
       </ul>
     </div>