JSFiddle - React, Tailwind, and code Playground

by Vanss472

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.0/js/bootstrap.min.js"></script>
	<div class="well">
		<h3>
			<span class="icon-arrow-down" data-toggle="collapse" data-target="#collapseH" id="collapseP"></span>
			<a href="#">Lorem Ipsum</a>
		</h3>
		<div id="collapseH" class="collapse in">
			<ul class="nav nav-tabs" id="ic_tabs">
				<li class="active"><a href="#paragraph1" data-toggle="tab">Paragraph 1</a></li>
				<li><a href="#paragraph2" data-toggle="tab">Paragraph 2</a></li>
				<li><a href="#paragraph3" data-toggle="tab">Paragraph 3</a></li>
			</ul>
			<div id="ic_tabsContent" class="tab-content">
				<div class="tab-pane fade in active" id="paragraph1">
					Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae mauris et quam aliquam porttitor. Donec vulputate mollis neque, rhoncus tempor eros pellentesque et. Sed lobortis tristique felis sit amet dignissim. Cras ultricies, turpis a porta eleifend, erat elit mollis lorem, sit amet eleifend massa augue sit amet tortor. Fusce id tempus turpis. Nam imperdiet tortor a dolor egestas semper. Suspendisse accumsan nulla ut tellus sodales adipiscing. In lectus risus, molestie vel ullamcorper quis, dignissim quis urna. Donec laoreet lobortis fermentum. Nam in libero sed quam lobortis adipiscing eget condimentum erat. 
				</div>
				<div class="tab-pane fade" id="paragraph2">
					Integer scelerisque risus at risus faucibus eget aliquet lorem vulputate. Sed viverra justo sed nisl interdum placerat id ut justo. Integer vel condimentum purus. Nulla non mauris non nunc hendrerit eleifend. Donec quis dolor quis eros iaculis dignissim. Donec vitae lacus sapien. Vestibulum at pharetra risus. Nam elementum, lacus id dictum hendrerit, tellus lectus tempor leo, eu ullamcorper sem sapien sit amet metus. Nullam vitae libero nisl. Donec sed ipsum augue. Phasellus rhoncus mi vitae...

JavaScript

$('#collapseP').on('click', function(e){
			$('#collapseP').toggleClass('icon-arrow-down , icon-arrow-up', 200);
});