JSFiddle - React, Tailwind, and code Playground

by maxisam

HTML

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<div id='Parent'>
    
    <div class="row-fluid"><div class="span12"><div class="toolbar btn-toolbar pull-right"><div class="btn-group"><a data-toggle="show" data-target=".accordion" title="Expand all" class="btn ExpandAll" href="#"><i class="icon-plus"></i></a><a data-toggle="hide" data-target=".accordion" title="Collapse all" class="btn CollapseAll" href="#"><i class="icon-minus"></i></a></div></div></div></div>
   <div class="accordion in collapse" style="height: auto;"><div class="accordion-group"><div class="accordion-heading title"><a href="#" data-target="#HID273" data-toggle="collapse" class="accordion-toggle" id="ToggleHID273"><i class="toggleIcon icon-minus"></i>Participation in Class Section</a></div><div data-target="#ToggleHID273" class="accordion-body in collapse" id="HID273" style="height: auto;"><ul><li><span data-typeid="6" data-questionid="1186"><i class="icon-edit"></i> Unsatisfactory</span><ul><li><i class="icon-edit"></i><span data-possibleanswerid="4000" data-typeid="6" class="unChecked">Frequently unprepared for class</span></li><li><i class="icon-edit"></i><span data-possibleanswerid="4001" data-typeid="6" class="unChecked">Unfamiliar with cases, techniques, calculations</span></li><li><i class="icon-edit"></i><span data-possibleanswerid="4002" data-typeid="6" class="unChecked">Little or no evidence of reading</span></li><li><i class="icon-edit"></i><span data-possibleanswerid="4003" data-typeid="6" class="unChecked">Participation is uneven or inappropriate</span></li><li><i class="icon-edit"></i><span data-possibleanswerid="4004" data-typeid="6" class="unChecked">Frequently late for class</span></li><li><i class="icon-edit"></i><span data-possibleanswerid="4005" data-typeid="6" class="unChecked">Inattentive, not...

CSS

#Parent{
    max-height:200px;
}

JavaScript

$(function(){
    $('.toolbar ').affix({offset:{top:10}});

});