Jquery $(#accordion).accordion не работает

Я использую jQuery аккордеон. В моем jsp у меня есть следующая структура:

<div id="accordion">

    <c:if...>
        <h3>Heading 1</h3>
        <div>
            <table>
                Content 1
            </table>
        </div>
    </c:if...>

    <c:if>
        <h3>Heading 2</h3>
        <div>
            <table>Content 2
            </table>
        </div>
    </c:if>

</div>

Ниже приведены jquery, которые я включил в том же порядке, что и указанный.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

Я пытаюсь открыть первый элемент (например, «Заголовок 1» и «Содержание 1») при загрузке страницы. Когда пользователь нажимает на второй «Заголовок 2», первый заголовок должен автоматически закрываться.

Я попытался использовать следующий код для загрузки аккордеона на document.ready:

$(document).ready(function() { 
    $( "#accordion" ).accordion({ active: 0 });
});

Но я все еще получаю сообщение об ошибке:

Объект не поддерживает свойство или метод.