JSFiddle - React, Tailwind, and code Playground

by infatti

HTML

<!-- Verification form -->
                    <div class="control-group"><!-- radio buttons -->
                      <button class="btn btn-link help" type="button">Help?</button>
                      <label class="control-label" for="solutionImplemented">Was the solution implemented?</label>
                      <div class="controls radio-show">
                        <label class="radio span1">
                        <input type="radio" name="project" id="solutionImplemented1" value="option1" checked>
                          Yes
                        </label>
                        <label class="radio span1">
                        <input type="radio" name="project" id="solutionImplemented2" value="option2">
                          No
                        </label>
                      </div>
                      <span class="help-block hide">Mauris elementum, eros id dapibus porta, orci dolor congue turpis, at ultricies lacus magna vestibulum erat.</span>
                    </div><!-- #radio buttons -->

                    <div class="radio-show-content"><!-- yes -->
                      <div class="control-group"><!-- editable field -->
                        <button class="btn btn-link help" type="button">Help?</button>
                        <label class="control-label" for="verifierName">Who verified this solution's implementation? (Editable)</label>
                        <div class="controls">
                          <a href="#" class="btn btn-link" id="verifierName">Jane Brown</a>
                        </div>
                        <span class="help-block hide">Mauris elementum, eros id dapibus porta, orci dolor congue turpis, at ultricies lacus magna vestibulum erat.</span>
                      </div><!-- #editable field -->

                      <div class="control-group"><!-- date picker -->
                        <button class="btn btn-link help" type="button">Help?</button>
                        <label...

CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.wrapper{border-top:5px solid #5c7f92}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:75%;line-height:1.5em;color:#525252;-webkit-font-smoothing:antialiased;background:#f1f1f1 url(../images/bg_body_texture.jpg)}a{color:#688ca0;text-decoration:none}a:hover{color:#87a4b3;text-decoration:underline}a:focus{outline:0}a.well-small:visited,a.well-callout:visited,a.well-callout-clear:visited,a.well-small:hover,a.well-callout:hover,a.well-callout-clear:hover{color:#525252}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px...

JavaScript

$('input:radio').click(function() {
        $(this).find('.radio-show-content').fadeToggle(250).toggleClass('hide'); 
});