JSFiddle - React, Tailwind, and code Playground

HTML

<div class="column withimage ">
  <div class="column-inner">
    <div class="image" style="background-image: url(http://eperium.com.testbyte.nl/wp-content/uploads/2016/08/Icoon_orientatie_v02.png)"></div>
    <div class="txtwrap">
      <h4><center>ORIËNTATIE</center></h4>
      <div class="uitklapmenu">
        <div class="small">
          <p style="text-align: center;">
            <span style="color: #000000; font-size: 16pt;">title</span>
            <br>
            <span style="color: #000000; font-size: 12pt;">text<br>more text week. </span></p>
        </div>
        <p style="text-align: center;"><a class="btn" href="#">Meer informatie</a></p>
      </div>

      <div class="column withimage ">
        <div class="column-inner">
          <div class="image" style="background-image: url(http://eperium.com.testbyte.nl/wp-content/uploads/2016/08/Icoon_orientatie_v02.png)"></div>
          <div class="txtwrap">
            <h4><center>ORIËNTATIE</center></h4>
            <div class="uitklapmenu">
              <div class="small">
                <p style="text-align: center;">
                  <span style="color: #000000; font-size: 16pt;">title</span>
                  <br>
                  <span style="color: #000000; font-size: 12pt;">text<br>more text week. </span></p>
              </div>
              <p style="text-align: center;"><a class="btn" href="#">Meer informatie</a></p>
            </div>

            <div class="column withimage ">
              <div class="column-inner">
                <div class="image" style="background-image: url(http://eperium.com.testbyte.nl/wp-content/uploads/2016/08/Icoon_orientatie_v02.png)"></div>
                <div class="txtwrap">
                  <h4><center>ORIËNTATIE</center></h4>
                  <div class="uitklapmenu">
                    <div class="small">
                      <p style="text-align: center;">
                        <span style="color: #000000; font-size: 16pt;">title</span>
     ...

CSS

.small {
    text-align: center;
    height: 20px;
    overflow: hidden
}

.uitklapmenu p {
    text-align: center
}

.big {
    height: auto
}

JavaScript

(function(window, document, version, callback) {
   var j, d;
   var loaded = false;
   if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) {
     var script = document.createElement("script");
     script.type = "text/javascript";
     script.src = "http://code.jquery.com/jquery-2.1.0.min.js";
     script.onload = script.onreadystatechange = function() {
       if (!loaded && (!(d = this.readyState) || d == "loaded" || d == "complete")) {
         callback((j = window.jQuery).noConflict(1), loaded = true);
         j(script).remove();
       }
     };
     (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script);
   }
 })(window, document, "2.1", function($) {
   $(document).ready(function() {

     $('.uitklapmenu').find('a[href="#"]').on('click', function(e) {
       e.preventDefault();
       this.expand = !this.expand;
       $(this).text(this.expand ? "minder informatie" : "meer informatie");
       $(this).closest('.uitklapmenu').find('.small, .big').toggleClass('small big');
     });

   });
 });