exploring state and events - part 5

Author: StephenGrider

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>