JSFiddle - React, Tailwind, and code Playground

by Anatol

HTML

<div id="wrap" style="background-color:#0C3; width:300px;">

<p class="heading">Was ist eine Katarakt - GRAUER STAR</p>
<div class="content">
  <p>Das ist mein Text<br>
    Das ist mein Text<br>
    Das ist mein Text<br>
    Das ist mein Text  <br>
    Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text<br>
Das ist mein Text  </p>
</div>


</div>

JavaScript

jQuery(document).ready(function() {
  jQuery(".content").hide();
  jQuery(".heading").click(function() {
    jQuery(this).next(".content").slideToggle(500, function() {
      var h = $('#wrap').height();
      alert(h);
    });
    
  });
  
});