Resizing an accordion panel
Change the underlying markup for the accordion widget in accordion10.html
so that the third header points to a remote text file and the third panel is empty. The heading element should also be given an id
attribute:
<div id="myAccordion"> <h2><a href="#">Header 1</a></h2> <div>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sollicitudin. Sed interdum pulvinar justo. Nam iaculis volutpat ligula. Integer vitae felis quis diam laoreet ullamcorper.</div> <h2><a href="#">Header 2</a></h2> <div>Etiam tincidunt est vitae est. Ut posuere, mauris at sodales rutrum, turpis tellus fermentum metus, ut bibendum velit enim eu lectus. Suspendisse poten-ti.</div> <h2 id="remote"><a href="remoteAccordion.txt">Remote</a></h2> <div></div> </div>
You will see in the code that we've made reference to a text file, which will host our remote...