New to JQuery attempting to use accordian widget

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>

  1. <link rel="stylesheet" href="includes/jquery-ui.css">
  2. <script src="includes/jquery-1.11.1.min.js"></script>
  3. <script src="includes/jquery-ui.min.js"></script>
  4. <script>
  5.  $(function() {
  6. $( "#servicesList" ).accordion();
  7. });
  8. </script>

then in the body I have this code:

  1. <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?