JSFiddle - React, Tailwind, and code Playground

HTML

<p class="data">Posted Feb 20 | <a href="/supersecret/jsmith/post/399/">0 comments</a> |<span id="votes_count399" class="votes_count"> 0 </span>

<span id="vote_buttons399" class="vote_buttons">faves<a id="399" title="Favorite This" class="vote_up" href="javascript:;">#</a></span> | <span class="trigger"><a id="399" href="javascript:;">Watch video</a></span>
</p>

<div class="hide" id="toggle_container-399" style="display: none;">
    <iframe width="555" height="315" frameborder="0" allowfullscreen="" src="http://www.youtube.com/embed/z1c1OIMbmb0"/></div>
</div>

JavaScript

$("span.trigger a").click(function() {
    $t = $(this);
      the_id = $(this).attr('id');       
    $("#toggle_container-"+the_id).slideToggle(500, function() {
      $t.html($(this).is(':visible') ? 'Close video' : 'Watch video');
    });
});