http://sridharkatakam.com/how-to-use-jquery-ui-for-accordion-in-wordpress/

accordion.js

jQuery(document).ready(function($) {
	$("body").show();
	$( "#accordion" ).accordion({
		collapsible: true,
		active: false,
		header: '> div.my-accordion-section > h3',
		heightStyle: 'content'
	});
});

gistfile1.css

html {
	background: #33322D;
}
body.page-id-14 {
	display: none;
}

gistfile2.js

$("body").show();

gistfile3.js

collapsible: true,
active: false

gistfile4.js

header: '> div.my-accordion-section > h3'

gistfile5.js

heightStyle: 'content'

gistfile6.php

function my_scripts_method() {
if ( is_page('14') ) {
	wp_enqueue_script('jquery-ui-accordion');
	wp_enqueue_script(
		'custom-accordion',
		get_stylesheet_directory_uri() . '/js/accordion.js',
		array('jquery')
		);
	}
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

gistfile7.html

<div id="accordion">
	<div class="my-accordion-section">
		<h3>Header 1</h3>
		<div>
			Ut gravida lobortis diam non varius. Duis tempor cursus justo ut consequat. Donec bibendum sem arcu, at placerat orci ultricies sed. Donec tortor diam, tincidunt a molestie nec, volutpat vitae nisl. Sed vitae arcu eu ante ultrices aliquet non vitae nisi.
		</div>
	</div>
	<div class="my-accordion-section">
		<h3>Header 2</h3>
		<div>
			Praesent iaculis lacus quis elementum vulputate. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aenean vitae viverra nisi. Aenean luctus tristique ligula. Vivamus tempus eu odio nec ultrices.
		</div>
	</div>
	<div class="my-accordion-section">
		<h3>Header 3</h3>
		<div>
			Phasellus ligula eros, interdum et posuere ut, dapibus ac tortor. Sed sagittis a nibh sed posuere. Aenean id lacus eu mauris semper eleifend. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
		</div>
	</div>
</div>

gistfile8.css

#accordion {
    margin-top: 0.3em;
}

h3.ui-accordion-header {
    color: #FFFFFF;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.9em;
    letter-spacing: 0.15em;
    background: url("images/square-bullet.gif") no-repeat;
    padding-left: 2.5em;
}
h3.ui-accordion-header:hover,
h3.ui-accordion-header.ui-state-active {
    background: url('images/square-bullet-hover.gif') no-repeat;
}

.my-accordion-section {
    margin-bottom: 2.5em;
}

.ui-accordion-content {
    color: #C9C9C9;
    padding-left: 2.5em;
}

gistfile9.js

$("#ui-accordion-accordion-header-0").delay(200).fadeIn();
$("#ui-accordion-accordion-header-1").delay(400).fadeIn();
$("#ui-accordion-accordion-header-2").delay(600).fadeIn();
$("#ui-accordion-accordion-header-3").delay(800).fadeIn();
$("#ui-accordion-accordion-header-4").delay(1000).fadeIn();
$("#ui-accordion-accordion-header-5").delay(1200).fadeIn();
$("#ui-accordion-accordion-header-6").delay(1400).fadeIn();