JSFiddle - React, Tailwind, and code Playground

by bchiasson

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css">
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<button id="option">On</button>

JavaScript

$('#option').button({
    icons: {
        primary: 'ui-icon-radio-on'        
    }
})
    .click(function(){
        var $button = $(this),
            new_status = $button.text() === "On" ? 'Off' : 'On';
        
        $button.button({
            label: new_status,
            icons: {
                primary: 'ui-icon-radio-' + new_status.toLowerCase()
            }
        });
    });