JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="assignment">Assignment: <span>not</span> activated</li>
    <li id="literal">Literal: <span>not</span> activated</li>
</ul>

CSS

span {
    font-weight: bold;
}

li.activated span {
    display: none;
}

JavaScript

Object.prototype.__defineSetter__('id', function(triggerName) {
    $(document.getElementById(triggerName)).addClass("activated");
});

var assignmentTrigger = {};
assignmentTrigger.id = "assignment";

var literalTrigger = {"id": "literal"};