title: show data when user click on button in side-nave - html
body: <p>how to show data when user click on button in side-nave , i have side-nave in my html and i want when user click on <code>about</code> for example  it show about data</p>
  <p>my code :</p>
  <pre><code>&lt;!-- The sidebar --&gt;
  &lt;div class=&quot;sidenav&quot;&gt;
    &lt;br&gt;&lt;br&gt;&lt;br&gt;
    &lt;a href=&quot;#about&quot;&gt;About&lt;/a&gt;
    &lt;a href=&quot;#services&quot;&gt;Services&lt;/a&gt;
    &lt;a href=&quot;#clients&quot;&gt;Clients&lt;/a&gt;
    &lt;a href=&quot;#contact&quot;&gt;Contact&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div class=&quot;#about&quot;&gt;
      &lt;p&gt; hello {{user.first_name}} {{user.last_name}}  &lt;/p&gt;
      &lt;hr&gt;
      &lt;p&gt;
    &lt;button style=&quot;background-color:#7952b3&quot; class=&quot;btn btn-primary&quot; type=&quot;button&quot; data-toggle=&quot;collapse&quot; data-target=&quot;#collapseExample&quot; aria-expanded=&quot;false&quot; aria-controls=&quot;collapseExample&quot;&gt;
      show data
    &lt;/button&gt;
  &lt;/p&gt;
  &lt;div class=&quot;collapse&quot; id=&quot;collapseExample&quot;&gt;
    &lt;div class=&quot;card card-body&quot;&gt;
      &lt;p&gt;Your name is - {{user.first_name}} {{user.last_name}}&lt;/p&gt;
      &lt;p&gt;Your email is - {{user.email}}&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>i tried this but when i click on about in nave-side it don't show my data why ?</p>
  <p>when user click on about button for example it should show about how to do this</p>