title: Angular2 show only one li element data on click
body: <p>I have slider with 8 elements thats reperesent models. Content of class info should be hidden by default. I want to make visible info content on click, but for that one model. Li elements have width 200px and height 200px ang it have background-image. How to make it optimally?</p>
  
  <p>Mycode:</p>
  
  <pre><code>&lt;ul class="slider"&gt;
      &lt;li 
          class="slider__model"
          *ngFor="
              let model of femaleModels | slice:this.bottomLimit:this.topLimit;
              let i = index;"
      &gt;
          &lt;div class="info" (click)="toggleData();""&gt;
              &lt;div class="model__content"&gt;&lt;/div&gt;
              &lt;div class="model__text"&gt;
                  {{ model.name | uppercase}}, {{model.dateOfBirth }}
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>