JSFiddle - React, Tailwind, and code Playground
HTML
<h1>Example for Toggle and change text function</h1>
<p><a id="aTag" href="javascript:toggleAndChangeText('video1');">► Expand video</a></p>
<div id="video1" style="display: none;">
<p>video 1 goes here</p>
</div>
<p><a id="aTag" href="javascript:toggleAndChangeText('video2');">► Expand video</a></p>
<div id="video2" style="display: none;">
<p>video 2 goes here</p>
</div>
JavaScript
function toggleAndChangeText(divId) {
$("#"+divId).toggle();
if ($("#"+divId).css('display') == 'none') {
$('#aTag').html('► Expand video');
}
else {
$('#aTag').html('▼ Collapse video');
}
}