content: import React, { Component } from 'react';
  
  export default class HideShow extends Component {
    constructor(props) {
      super(props);
      this.state = {
        visible: false,
      };
  
      this.show = this.show.bind(this);
      this.hide = this.hide.bind(this);
    }
  
    show() {
      this.setState({ visible: true });
    }
  
    hide() {
      this.setState({ visible: false });
    }
  
    render() {
      if (this.state.visible) {
        return (
          <div className='center'>
          <legend className='headingtext'>Example Hide/Show</legend>
            <div className='exampleHideShow'>
              <button className='btn btn-success' onClick={ this.hide.bind(this)}>Make things appear</button>
            </div>
          </div>
        );
      }
  
      if (!this.state.visible) {
        return (
          <div className='center'>
          <legend className='headingtext'>Example Hide/Show</legend>
            <div className='exampleHideShow2'>
              <button className='btn btn-success' onClick={ this.show.bind(this)}>Click Here</button>
            </div>
          </div>
        );
      }
    }
  }
  