title: How can I create simple accordion with Angular 2?
body: <p>Before, I use this simple script to create a simple accordion </p>
  
  <pre><code>(function() { 
  
      $('dl.accordion').on('click', 'dt', function() {
          this_= $(this);
          this_
              .addClass("selected")
              .next()
                  .slideDown(200)
                  .siblings('dd')
                      .slideUp(200);
          this_.siblings()
              .removeClass("selected")
  
      });
  })();
  </code></pre>
  
  <p>And this html</p>
  
  <pre><code>&lt;dl class="accordion"&gt;
      &lt;dt&gt;What are your hours?&lt;/dt&gt;
      &lt;dd&gt;We are open 24/7.&lt;/dd&gt;
      &lt;dt&gt;What are your hours?&lt;/dt&gt;
      &lt;dd&gt;We are open 24/7.&lt;/dd&gt;
  &lt;/dl&gt;
  </code></pre>
  
  <p>Now I want to create a copy of this code written in Angular 2. </p>
  
  <p>How can I create a simple acordion like above in Angular 2? </p>
  
  <p>I guess I have to learn renderer, elementRef etc. 
  Could you suggest other topics which I should learn to create this?</p>