<!-- Begin Modal -->

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
        ×
      </button>
      <h4 id="myModalLabel1">
        Application Credentials (Spoiler)
      </h4>
    </div>
    <div class="modal-body">
      <div class="row-fluid">  
        <div class="span8">
	      <p>Warning, this is a spoiler</p>
	  	  <p>Are you sure you want to see the credentials?</p>
	  	   <div id="creds_hidden" style="display:none">
			<table class="table table-striped table-hover table-bordered pull-left" id="data-table">    
		      <thead>
		        <tr>
		          <th>
		            Email
		          </th>
		          <th>
		            Password
		          </th>
		        </tr>
		      </thead>
		      <tbody>
					<tr>
		        	  <td style="word-wrap:break-word;">
		        	    admin@metacorp.com 
		        	  </td>
		        	  <td>
		        	   	admin1234 
		        	  </td>
		        	</tr>
					<tr>
			          <td style="word-wrap:break-word;">
			            jack@metacorp.com
			          </td>
			          <td>
			           	yankeessuck
			          </td>
			        </tr>
					<tr>
			          <td style="word-wrap:break-word;">
			            jim@metacorp.com
			          </td>
			          <td>
			           	alohaowasp
			          </td>
			        </tr>
					<tr>
			          <td style="word-wrap:break-word;">
			            mike@metacorp.com
			          </td>
			          <td>
			           	motorcross1445
			          </td>
			        </tr>
					<tr>
			          <td style="word-wrap:break-word;">
			            ken@metacorp.com
			          </td>
			          <td>
			           	citrusblend
			          </td>
			        </tr>
			   
		      </tbody>
		    </table>
		   </div>
        </div>
      </div>
      <div class="row-fluid">  
      </div>
    </div>
    <div class="modal-footer">
      <button class="btn" data-dismiss="modal" aria-hidden="true">
        Close
      </button>
	  <button id="understood" class="btn btn-primary" aria-hidden="true">
        I understand
      </button>
       
    </div>
 	    
<!-- End Modal -->

<script type="text/javascript">

$('#understood').click(function() {  
	$("#creds_hidden").show();
});

</script>