Accordeon

HTML

<div class="repeater-list">

  <div class="post-list">
    <div class="punkt">
      Kipplaster
    </div>
    
    <div class="text">
      lala<br/>
      lala<br/>
      lala<br/>
      lala<br/>
      lala<br/>
    </div>
  </div>

  <div class="post-list">
    <div class="punkt">
      Ballonfahrer
    </div>
    
    <div class="text">
      lala<br/>
      lala<br/>
      lala<br/>
      lala<br/>
      lala<br/>
    </div>
  </div>
  
</div>

CSS

.repeater-list .text { 
  display:none; 
}
.punkt:hover{
  color: #567832
}

.punkt:focus {
color: #ccc; 
}

JavaScript

jQuery('.repeater-list').find('.punkt').click(function(){
    jQuery(this).next().slideToggle();
    jQuery(".repeater-list .text").not(jQuery(this).next()).slideUp();
});