ACORDION

En la vista tenemos el archivo vista.php

<!--ESTRUCTURA DEL ACORDION CON 3 TABS-->

<div id="accordion">
<h3>Tab1</h3>
<div id="content">
<h5>Registrar Expediente</h5>
</div>
<h3>Tab2</h3>
<div>
<h5>Recepcionar Expediente</h5>
</div>
<h3>Tab3</h3>
<div>
<h5>Tramitar Expediente</h5>
</div>

</div>
<!--ESTRUCTURA DEL ACORDION CON 3 TABS-->
<!--llamar js-->
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/codigo.js" type="text/javascript"></script>
<!--llamar CSS-->
<link href="css/jquery-ui.css" rel="stylesheet">

Para mostrar el accordion necesitamos el codigo del archivo codigo.js

Además debemos incluir los js de jquery, jquery-ui y el css de jquery-ui y la carpeta images

Archivo código.js

$(document).ready(function() {
$( "#accordion").accordion({
header: "h3",
heightStyle: "content"
});
});