JSFiddle - React, Tailwind, and code Playground
HTML
<div class="jobs-article-holder-content-page">
<div class="jobs-article-holder-content-whole">
<div class="jobs-article-holder-content-whole-box">
<h3>$MenuTitle.RAW</h3>
<div class="job-article-holder-click-for-more-link">
▲
</div>
</div>
<div class="jobs-article-holder-content-whole-teaser show">
<p class="jobs-article-holder-content-whole-teaser-content">$Teaser</p>
</div>
</div>
</div>
<div class="jobs-article-holder-content-page">
<div class="jobs-article-holder-content-whole">
<div class="jobs-article-holder-content-whole-box">
<h3>$MenuTitle.RAW</h3>
<div class="job-article-holder-click-for-more-link">
▲
</div>
</div>
<div class="jobs-article-holder-content-whole-teaser show">
<p class="jobs-article-holder-content-whole-teaser-content">$Teaser</p>
</div>
</div>
</div>
<div class="jobs-article-holder-content-page">
<div class="jobs-article-holder-content-whole">
<div class="jobs-article-holder-content-whole-box">
<h3>$MenuTitle.RAW</h3>
<div class="job-article-holder-click-for-more-link">
▲
</div>
</div>
<div class="jobs-article-holder-content-whole-teaser show">
<p class="jobs-article-holder-content-whole-teaser-content">$Teaser</p>
</div>
</div>
</div>
<div class="jobs-article-holder-content-page">
<div class="jobs-article-holder-content-whole">
<div...
CSS
.jobs-article-holder-content-whole-teaser.hide {
display: none;
}
.jobs-article-holder-content-whole-teaser.show {
display: block;
}
JavaScript
$(function () {
$('body').on('click', '.job-article-holder-click-for-more-link', function () {
$(this).closest('.jobs-article-holder-content-whole')
.find('.jobs-article-holder-content-whole-teaser')
.toggleClass('show hide');
});
});