JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Go to the store</li>
    <li>Pick up dinner</li>
    <li>Debug crash</li>
    <li>Take a jog</li>
  </ul>

CSS

ul { margin:10px; list-style:inside circle; font-weight:bold; }
  li { cursor:pointer; }

JavaScript

$("li").toggle(
      function () {
        $(this).css({"list-style-type":"disc", "color":"blue"});
      },
      function () {
        $(this).css({"list-style-type":"disc", "color":"red"});
      }
    );