title: How can I show sections in a React page only by clicking on one section first
body: <p>I am trying to create a react app that has 3 horizontal sections on the page but when you load the app only one section shows then the others get loaded if an object in one of the loaded sections is clicked. Hope this image helps explain this..
  <a href="https://i.stack.imgur.com/fH6ye.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fH6ye.png" alt="enter image description here" /></a>
  The code I plan on having looks like this</p>
  <pre><code>.....
  
  section1(){
  return(
      ..section1 stuff
  )} 
  section2(){
  return(
      ..section2 stuff
  )} 
  section3(){
  return(
      ..section3 stuff
  )}     
  render() {
      return (
          &lt;div&gt;
              &lt;div&gt;
                  this.section1
              &lt;/div&gt;
              &lt;div&gt;
                  this.section2
              &lt;/div&gt;
              &lt;div&gt;
                  this.section3
              &lt;/div&gt;                        
          &lt;/div&gt;
      )
  }
  </code></pre>