JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="contact-method">
    <li class="sms"><a href="javascript:void(0);">SMS</a></li>
        <li class="telephone"><a href="javascript:void(0);">Telephone</a></li>
        <li class="email"><a href="javascript:void(0);">Email</a></li>
        <li class="post"><a href="javascript:void(0);">Post</a></li>
    </ul>

CSS

a.selected{color:red}

JavaScript

$('.contact-method li a').click(function(e) {
            $('.contact-method li a').removeClass('selected');
            $(this).addClass('selected');
            e.preventDefault();
        });