TRY JQUERY

by hiteshbhilai2010

HTML

<div class="collapse-all">[<a href="#">alles auklappen / einklappen</a>]</div>
<div class="background">
<div class="collapse-list">
   <div class="content-container style999 collapse-group">
      <a class="mehr-pfeil" href="#">&nbsp;</a>
      <h2></h2>
      <div class="collapse in">i am "ïn" div
         <p></p>
         <h2>&nbsp;</h2>
         <p></p>
      </div>
   </div>
   <div class="content-container style999 collapse-group">
      <a class="mehr-pfeil" href="#">&nbsp;</a>
      <h2></h2>
      <p class="collapse in">"in" p tag</p>
   </div>

CSS

.in{

    
    width:100px;
    height:20px;
    display:inline-block;
    background-color:red;
    

}

JavaScript

$(document).ready(function(){

      $('.collapse-all').on('click', function (e) {
         $('.collapse').toggleClass('in');
      });

})