JSFiddle - React, Tailwind, and code Playground

by webvitaly

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="well">
    <p>
        <span class="target btn btn-primary">click me</span>
        <span class="trigger btn btn-inverse">click me to trigger click event manually</span>
    </p>
    <div class="log alert alert-block">log</div>
</div>

JavaScript

$(function(){
    $('.target').click(function() { // bind an event handler to the click event
        $(this).toggleClass('btn-primary');
        $('.log').append(' click-event');
    });
    
    $('.trigger').click(function() { // trigger the click event manually
        $('.target').click();
        $('.log').append(' click-trigger');
    });
});