title: Ember 2 - Hide / show content component
body: <p>I have a component <strong>app/components/offer-listing.js</strong>: </p>
  
  <pre><code>import Ember from 'ember';
  
  export default Ember.Component.extend({
    isOfferShowing: false,
    actions: {
      offerShow() {
        if (this.get('isOfferShowing')) {
          this.set('isOfferShowing', false);
        } else {
          this.set('isOfferShowing', true);
        }
      }
    }
  });
  </code></pre>
  
  <p>and his template <strong>app/templates/components/offer-listing.hbs</strong>:</p>
  
  <pre><code>&lt;div class="offer__container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="gr-3"&gt;
        &lt;div class="offer__avatar" style="background-image: url('{{ offer.avatar }}')"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="gr-9"&gt;
        &lt;div class="offer__name" {{action "offerShow"}}&gt;{{ offer.firstname }} {{ offer.lastname }}&lt;/div&gt;
        &lt;div class="offer__age" {{action "offerShow"}}&gt;{{ offer.age }} ans&lt;/div&gt;
        {{#if isOfferShowing}}
          &lt;div class="offer__description" {{action "offerShow"}}&gt;{{offer.description}}&lt;/div&gt;
        {{else}}
          &lt;div class="offer__description" {{action "offerShow"}}&gt;{{word-limit offer.description 50}}&lt;/div&gt;
        {{/if}}
  
        {{#if isOfferShowing}}
          &lt;div class="+spacer"&gt;&lt;/div&gt;
          &lt;a class="offer__button"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt; Contacter par email&lt;/a&gt;
          &lt;a class="offer__button"&gt;&lt;i class="fa fa-phone"&gt;&lt;/i&gt; Voir le numéro de téléphone&lt;/a&gt;
        {{/if}}
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>which is rendered in <strong>app/templates/index.hbs</strong>:</p>
  
  <pre><code>{{#each model as |offerUnit|}}
    {{offer-listing offer=offerUnit}}
  {{/each}}
  </code></pre>
  
  <p>The example is working great, however I would like to hide every <strong>"more"</strong> content when a new one is showing.</p>