JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>check for link
        <input type="checkbox" class='check'><a href=''>Link</a>

    </li>
    <li>check for link
        <input type="checkbox" class='check'><a href=''>Link</a>

    </li>
    <li>check for link
        <input type="checkbox" class='check'><a href=''>Link</a>

    </li>
    <li>check for link
        <input type="checkbox" class='check'><a href=''>Link</a>

    </li>
</ul>

CSS

.check + a {
    display:none;
}
.check:checked + a {
    display:inline-block;
}