Problem with multiple accordions in Squarespace Html page
I have designed a page in Squarespace and I want to use multiple accordions on there. However I have used the script below which works perfectly on the first accordion, but the second one appears as static content?
Could someone paste the correct code for the second accordion?
Thanks everyone in advance.
$(function() {
$( "#accordion" ).accordion({
collapsible: true
});
});
</script>
</head>
<!-- CSS -->
<style type="text/css">
#accordion {
width: 100%;
}
</style>
<body>
<div id="accordion">
<h2>2009</h2>
<div>
<p>
<b><font color="#2888cc">LOT 449 - TOBOUGG X LA SUPREMO</font></b><br>
<b>Sex: </b>Filly /
<b>Buyer:</b> Peter MacDonald /
<b>Price:</b> $1,250 /
<b><u>View Pedigree</u></b> /
<b><u>View Photo</u></b>
<p><p>