Hidding a modal in bootstrap

Hidding a modal in bootstrap

by labanino

HTML

<link rel="stylesheet" href="http://jasny.github.io/bootstrap/assets/css/bootstrap.css">
<script src="http://jasny.github.io/bootstrap/assets/js/bootstrap-modal.js"></script>
<div class="row">
    <div class="span5"> <a href="#triage-modal" role="button" class="btn active" id="triage-link" data-toggle="modal">Open modal 1</a>
    </div>
</div>

<div id="triage-modal" class="modal hide fade" role="dialog">
    <div class="modal-body">
        <section id="wizard">
            <div id="rootwizard">
                <div id="stack1" class="modal hide fade" tabindex="-1" data-focus-on="input:first">
                    <div class="modal-body">
                        <p>This is modal 2…</p>
                        <p>This is modal 2…</p>
                        <p>This is modal 2…</p>
                    </div>
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn tt">Close</button>
                    </div>
                </div>
                <div class="span4">
                    <p>This is modal 1…</p>
                    <p>This is modal 1…</p>
                    <p>This is modal 1…</p>
                </div>
                <div class="span4">
                    <button class="btn pull-left" data-toggle="modal" href="#stack1">View modal 2</button>
                    <button class="btn pull-right" data-dismiss="modal" aria-hidden="true"><a href="javascript:;">Close</a>

                    </button>
                </div>
        </section>
        </div>
    </div>