JSFiddle - React, Tailwind, and code Playground
HTML
<div class="mspc-accordion">
<a href="#" class="mspc-menu-item disabled">a menu item</a>
</div>
CSS
.disabled {
font-weight:bold;
color:#c7c7c7;
}
.disabled:after {
content: " - disabled";
}
JavaScript
$(document).ready(function() {
$('.mspc-accordion a').click(function() {
$(this).removeClass('disabled');
});
});