JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<div id="accordion">
<div class="title"><a href="javascript:void(0)">Title1 goes here</a></div>
<div class="body">Body1 goes here</div>
<div class="title"><a href="javascript:void(0)">Title2 goes here</a></div>
<div class="body">Body2 goes here</div>
</div>

CSS

.ui-accordion-header-active {
    border-bottom: none !important;
}
a{
text-decoration:none;
color:#000000;
}
/*! jQuery UI - v1.9.0 - 2012-10-13
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault='Lucida%20Sans%20Unicode'%2C'Lucida%20Grande'%2CVerdana%2CArial%2CHelvetica%2Csans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=5px&bgColorHeader=cccccc&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=494949&iconColorHeader=494949&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=494949&iconColorContent=494949&bgColorDefault=e6e6e6&bgTextureDefault=05_inset_soft.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=494949&iconColorDefault=494949&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=494949&iconColorHover=494949&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=494949&iconColorActive=494949&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cf3f2f&fcError=cf3f2f&iconColorError=cf3f2f&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright (c) 2012 jQuery...

JavaScript

$(function() {
        $( "#accordion" ).accordion({ header: '> div.title', fillspace: true, animated: 'bounceslide' });
    });