JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" name="cb" id="cb" />
<p id="pr">ПРИВЕТ</p>

JavaScript

$("#cb").toggle(fooOne, fooTwo);
function fooOne(){
    $("#cb").attr('checked',true);
    $("#pr").css({"color":"blue"});
};
function fooTwo(){
    $("#cb").attr('checked',false);
    $("#pr").css({"color":"red"});
};


/*
$("#cb").click($("#pr").toggle(fooOne, fooTwo));
function fooOne(){
    $("#cb").attr('checked',true);
    $("#pr").css({"color":"blue"});
};
function fooTwo(){
    $("#cb").attr('checked',false);
    $("#pr").css({"color":"red"});
};
*/