JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.11.1.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<div class="table-responsive">
  <table class="table table-striped table-condensed">
    <tr id="11111-row" class="class1 class2 ">
      <td><a name="11111">row 11111</td>
      <td><a href="#33333" onclick="flashRow(33333)">goto 33333</a></td>
    </tr>
    <tr id="22222-row" class="class1 class2 ">
      <td><a name="22222">row 22222</td>
      <td><a href="#44444" onclick="flashRow(44444)">goto 44444</a></td>
    </tr>
    <tr id="33333-row" class="class1 class2 ">
      <td><a name="33333">row 33333</td>
      <td><a href="#77777" onclick="flashRow(77777)">goto 77777</a></td>
    </tr>
    <tr id="44444-row" class="danger class1 class2 ">
      <td><a name="44444">row 44444</td>
      <td><a href="#88888" onclick="flashRow(88888)">goto 88888</a></td>
    </tr>
  </table>
</div>

JavaScript

function flashRow(bug_id) {
  row = $('#' + bug_id + "-row");
  var hasDanger = row.hasClass('danger');
  var self = this;
  console.log(hasDanger);
  row.removeClass('danger')
  row.effect("highlight", {
    color: "#669966"
  }, 1000,
  function(){if(hasDanger){row.addClass('danger');}})
}