Accordion plugin question
I want to use actication buttons for the Accordion pluin.
I have the accordion working but rather than use the headers I want buttons that activate a section of the accordion instead. Here is what my code currently looks like:
<script type="text/javascript">
$(function() {
$("#accordion").accordion({
fillSpace: true,
icons: false,
collapsible: true,
});
});
</script>
<div id="accordion"> <h3 title="section1"><a href="#">Section 1</a></h3> <div> <p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p> </div> <h3 title="section2"><a href="#">Section 2</a></h3> <div> <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> </div>
<h3 title="section3"><a href="#">Section 3</a></h3> <div> <p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna. </p> </div>
Thanks if anybody out there can help be much appreciated