title: Show list item rows after button clicked
body: <p>Hi I try to develop custom list items. Only <code>&lt;?php echo $row['title']; ?&gt;</code> should be diplayed in the list items when the page become loaded. After the user click <code> &lt;button id=&quot;show&quot; class=&quot;btn btn-xs btn-info&quot;&gt;Details&lt;/button&gt;</code> the discription and country should become displayed. How can I realize that? I dont have any experience with something like this.</p>
  <p>example( I use for this blockquotes):</p>
  <p>before the button clicked the list item show this:</p>
  <blockquote>
  <p>I search a car</p>
  </blockquote>
  <p>after the button is clicked the list item show this:</p>
  <blockquote>
  <p>I search a car</p>
  <p>The car should have a blue color and four wheels</p>
  <p>Germany</p>
  </blockquote>
  <pre><code>    &lt;ul class=&quot;list-group&quot;&gt;
  &lt;?php foreach ($result as $key =&gt; $row): ?&gt;             
                      
          
          &lt;li class=&quot;list-group-item &quot;&gt;
              &lt;h4 class=&quot;list-group-item-heading&quot;&gt;&lt;?php echo $row['title']; ?&gt;&lt;/h4&gt;
              &lt;p class=&quot;list-group-item-text&quot;&gt;&lt;?php echo $row['description']; ?&gt;&lt;/p&gt;
              &lt;p class=&quot;list-group-item-text&quot;&gt;&lt;?php echo $row['country']; ?&gt;&lt;/p&gt;
              &lt;span class=&quot;pull-right&quot;&gt;
          &lt;button id=&quot;show&quot; class=&quot;btn btn-xs btn-info&quot;&gt;Details&lt;/button&gt;        
        &lt;/span&gt;
          &lt;/li&gt;
          
      
                                      
          &lt;?php endforeach; ?&gt;    
          &lt;/ul&gt;
  </code></pre>