jQueryUI Accordion

jQueryUI Accordion Example

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
     <div id="tabs">
         <ul>
            <li><a href="#tabs-1">Process</a></li>
            <li><a href="#tabs-2">Safety</a></li>
            <li><a href="#tabs-3">WIP</a></li>
         </ul>
         <div id="tabs-1">
            <div id="accordion">
               <h3>PS</h3>
               <ul>
                  <li><a href="A-PS-PS-01/1089-595-01.html" target="_parent">Title 1</a></li>
                  <li><a href="A-PS-PS-02/1089-359-01.html">Title 2</a></li>
                  <li><a href="A-PS-PS-03/1089-510-01.html">Title 3</a></li>
               </ul>
            </div>
         </div>

JavaScript

$( function() {
    $( "#accordion:nth-child(1n)" ).accordion({
	heightStyle: "content",
	collapsible: true,
	active: false
	});
  } );

 $( function() {
    $( "#tabs" ).tabs();
  } );