JSFiddle - React, Tailwind, and code Playground

by baptme

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-modal.js"></script>
<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>

<div class="modal hide" id="myModal">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Modal header</h3>
  </div>
  <div class="modal-body">
    <p>some record details...</p>
     <input class="btn btn-danger" value="Delete" id="delete">
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Save changes</a>
  </div>
</div>

<div class="modal hide" id="myModal2">
  <div class="modal-header">
  <button type="button" class="close" data-dismiss="modal">×</button>
    <h3>Delete</h3>
  </div>
  <div class="modal-body">
    <p>Do you really want to delete</p>
     <input class="btn btn-danger" value="Delete" id="delete">
  </div>
  <div class="modal-footer">
    <a href="#" class="btn" data-dismiss="modal">Close</a>
    <a href="#" class="btn btn-primary">Confirm</a>
  </div>
</div>

JavaScript

$("#delete").click(function() {
$('#myModal').modal('hide')
$('#myModal2').modal('show')    
});