Hi all,

I have found a jquery accordian script by Ryan Stemkoski called Stupid Simple Jquery Accordian menu, link here.

I have 5 accordianButtons, each with a different background url, not sure how it would be written in the jquery script, any suggestions greatly appreciated

thanks

jquery script
Code:
$(document).ready(function() {
 
	//ACCORDION BUTTON ACTION	
	$('div.accordionButton').click(function() {
		$('div.accordionContent').slideUp('normal');	
		$(this).next().slideDown('normal');
	});
 
	//HIDE THE DIVS ON PAGE LOAD	
	$("div.accordionContent").hide();
 
});
CSS

#wrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
}

.accordionButton {
width: 800px;
height:50px;
float: left;
background url: (image.jpg) repeat;
cursor: pointer;
}

.accordionContent {
width: 800px;
float: left;
background: #95B1CE;
display: none;
}

HTML
Code:
<body>
	<div id="wrapper">
		<div class="accordionButton">Button 1 Content</div>
		<div class="accordionContent">Content 1<br /><br /><br /><br /><br /><br /><br /><br />Long Example</div>
		<div class="accordionButton">Button 2 Content</div>
		<div class="accordionContent">Content 2<br /><br /><br /><br /><br />Medium Example</div>
		<div class="accordionButton">Button 3 Content</div>
		<div class="accordionContent">Content 1<br />Short Example</div>
		<div class="accordionButton">Button 4 Content</div>
		<div class="accordionContent">Content 4<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />Extra Long Example</div>
	</div>
</body>