JSFiddle - React, Tailwind, and code Playground
HTML
<a class="btn btn-primary" data-toggle="collapse" href="#collapseExample">
See more...
</a>
<div class="form-group">
<label class="popupaddnew__subjectsmodelswitch">
<input type="checkbox">
<span class="popupaddnew__subjectsmodelslider round"></span>
</label>
</div>
JavaScript
$('input:checked + .popupaddnew__subjectsmodelslider').click(function(){
console.log($(this).text());
if($(this).text().trim() == 'See more...' ){
$(this).text('See Less...');
}else{
$(this).text('See more...');
}
});