JSFiddle - React, Tailwind, and code Playground

by asif097

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mockjax/1.5.3/jquery.mockjax.js"></script>
<!-- MockJax example with Bootstrap -->
<!-- Single button -->
<div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Like This <span class="caret"></span>

    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="#" id="likelink">Like</a>
        </li>
    </ul>
</div>

JavaScript

/**** MockJax to mock up an ajax response **/
    $.mockjax({
        url: '/like',
        responseTime: 1000,
        responseText: {
            status: 'success',
            fbStatus: 'liked'
        }
    });

    $('.dropdown-menu > li > a').click(function (event) {
        event.stopPropagation();

        $.ajax({
            url: '/like',
            success: function () {
                $('#likelink').html('<span class="glyphicon glyphicon-ok"></span> Liked!');
            }
        });
    });