JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
  <head>

    <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="stylesheet">

  </head>
    
    <body>
        <div data-toggle="collapse" data-target="#test1">Test 1</div>
        <div id="test1" class="test collapse in">sdjfsdjklfl</div>
        <hr>
        <div data-toggle="collapse" data-target="#test2">Test 2</div>
        <div id="test2" class="test collapse">sdjfsdjklfl</div>
                
    <script src="http://twitter.github.com/bootstrap/assets/js/jquery.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-transition.js"></script>
    <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-collapse.js"></script>

        <script>
            jQuery('.test').one('show hide', function(e) {
            alert(e.type);
            e.preventDefault();
            });
        </script>


        
    </body>