<div id='container'></div>
var WithLink = React.createClass({
  mixins: [React.addons.LinkedStateMixin],
  getInitialState: function() {
    return {expanded: false};
  },
  render: function() {
    var details = <p>Detailed description of the product</p>
    
    return (
      <div>      	
  			<input type="checkbox" id="c-details" checkedLink={this.linkState('expanded')} />
			  <label for="c-details">Show Details</label>
  			{ this.state.expanded ? details : false }
	 	 </div>
  	);
  }
});

React.render(<WithLink />, document.getElementById('container'));
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react-with-addons.js