JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <article>
         <h1>Over mezelf <img src='images/plus.png' class='img1'/></h1>

        <p class='p1'>Test</p>
    </article>
    <article>
         <h1>Contact <img src='images/plus.png' class='img2'/></h1>

        <p class='p2'>Test</p>
    </article>
    <article>
         <h1>Website <img src='images/plus.png' class='img3'/></h1>

        <p class='p3'>Test</p>
    </article>
</div>

JavaScript

for (var i = 1; i < 4; i++) {
    var img = ".img" + i;
    var p = ".p" + i;
    (function (p) {
        $(img).on("click", function () {
            $(p).hide();
        });
    })(p);
}