JSFiddle - React, Tailwind, and code Playground

by Rich Costello

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<link rel="stylesheet" href="http://dev.sharetv.com/news2/wp-content/themes/sharetv/css/sharetv.css">
<link rel="stylesheet" href="http://dev.sharetv.com/news2/wp-content/themes/sharetv/css/home.css">
<link rel="stylesheet" href="http://dev.sharetv.com/news2/wp-content/themes/sharetv/style.css">
<article>
                        <div class="updates-like">
                            <i class="fa fa-thumbs-up like_btn" id=""></i> 
                        </div>
                                <div class="updates-dislike">
                                    <i class="fa fa-thumbs-down dislike_btn" id=""></i> 
                            </div>
</article>

JavaScript

$('.updates-like').click(function () {
   
        
        $(this).find("i").removeClass("fa-thumbs-up").addClass("fa-check").parent().find("span").text("Already liked");
        
        $(".updates-dislike i").removeClass("fa-check").addClass("fa-thumbs-down").parent().find("span").text("No Good");
        
        return true;

    });

    $('.updates-dislike').click(function () {
       

        $(this).find("i").removeClass("fa-thumbs-down").addClass("fa-check").parent().find("span").text("Already disliked");
        
        $(".updates-like i").removeClass("fa-check").addClass("fa-thumbs-up").parent().find("span").text("Like Post");

    });