JSFiddle - React, Tailwind, and code Playground

by isherwood

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container">
  	<h2>Modal Example</h2>
	<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>

  	<div class="modal fade" id="myModal" role="dialog">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
				  	<button type="button" class="close" data-dismiss="modal">&times;</button>
		  			<h4 class="modal-title">Modal Header</h4>
				</div>
				<div class="modal-body">
                    <div class="content">Open the navbar-stack</div>
                    
                    <div class="tabbable content" style="display: none;">
						<ul class="nav nav-tabs">
							<li><a href="#a" data-toggle="tab">One</a></li>
							<li class="active"><a href="#b" data-toggle="tab">Two</a></li>
							<li><a href="#c" data-toggle="tab">Twee</a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="a">Lorem ipsum dolor sit amet, charetra varius quam sit amet vulputate. 
							Quisque mauris augue, molestie tincidunt condimentum vitae, gravida a libero.</div>
							<div class="tab-pane" id="b">Secondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
							<div class="tab-pane" id="c">Thirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae. </div>
						</div>
					</div>
				</div>
				<div class="modal-footer">
                    <button type="button" class="btn btn-default" id="toggler"><span class="btn-text">Open</span><span class="btn-text" style="display: none;">Close</span></button>
				</div>
	  		</div>
		</div>
  	</div>
</div>

JavaScript

$('#toggler').click(function() {
    $('#myModal').find('.content').slideToggle();
    $('#myModal').find('.btn-text').toggle();
});