New to JQuery attempting to use accordian widget
Hi I am new to jQuery. I am attempting to use the accordion widget in jQuery-ui.
I have the follwing in my <head>
- <link rel="stylesheet" href="includes/jquery-ui.css">
- <script src="includes/jquery-1.11.1.min.js"></script>
- <script src="includes/jquery-ui.min.js"></script>
- <script>
- $(function() {
- $( "#servicesList" ).accordion();
- });
- </script>
then in the body I have this code:
- <div id="servicesList">
<h3>Topic one</h3>
<div>
<p>
topic one text <br />
</p>
<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
<li>item5</li>
<li>iitem6</li>
</ul>
more text
</div>
<h3>Topic 2</h3>
<div>
<p>
Topic 2 text
</p>
</div>
<h3>Topic 3</h3>
<div>
<p>
Topic3text
</p>
</div>
<h3>Topic 4</h3>
<div>
<p>
Topic 4 text
</p>
</div>
</div>
The page displays servicesList div as if there were no jQuery
Does someone see what I am missing?