For reasons I do not understand, this doesn't work for me. Here's the code. Can anyone point out what I'm doing wrong? You can see the live file here:
http://www.westsidebridgeacademy.com/ <head>
...
<link href="Jquery-ui/jquery-ui-1.12.0.custom/jquery-ui.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
$( function() {
$( "#accordion" ).accordion({header: 'h3', active: false});
} );
</script>
...
</head>
<body>
<html>
...
<div id="accordion">
<h3>About us</h3>
<div>
<p>Westside Bridge Academy is central and west Houston's premier venue for duplicate bridge instruction and play.</p>
<p>We have open games every day and I/N games several times each week - see the schedule to the left for details.</p>
<p>We are a friendly and welcoming place for you to play.</p>
<p>Snacks, coffee, and tea are complimentary!</p>
<p>We have the nicest directors and players!</p>
</div>
<h3>What we do</h3>
<div>
<p>You get an individual summary emailed to you only a few minutes after the game!</p>
<p>We use "The Common Game"; for details see below. </p>
<p>We play three boards per round, nine rounds whenever possible, and everyone plays all 27 boards. No more saying "We didn't play those boards" when comparing with your friends! It's true duplicate. </p>
<p>We offer complimentary snacks, coffee, and tea!</p>
<p>We have a full schedule of classes!</p>
</div>
<h3>The Common Game</h3>
<div>
<p>We play the same hands as hundreds of other clubs across the US and Canada.</p>
<p>You see your results compared with everyone who played the hand.</p>
<p>The results often come with expert commentary.</p>
<p>Results are match-pointed across the entire field - hundreds of tables!</p>
<p>Monthly winners are compiled and reported.</p>
</div>
</div>
...
</html>
</body>