JQuery аккордеон расширил

Question

Я пытаюсь создать аккордеон с JQuery из этого примера

http://docs.jquery.com/UI/Accordion

Разметка та же, т.е.

<div id="accordion"> 
    <h3><a href="#">First header</a></h3> 
    <div>First content</div> 
    <h3><a href="#">Second header</a></h3> 
    <div>Second content</div> 
</div> 

И у меня есть файл сценария помещён правильно, что имеет следующее содержание:

$ = jQuery; 
$(document).ready(function() { 
    $("#accordion").accordion(); 
}); 

Но я получаю эту ошибку i n консольный выход

TypeError: 'undefined' is not a function (evaluating '$("#accordion").accordion()') 

Результат: все divs расширены, то есть не будут доступны.

Answer 1

Это то, что вы ищете: http://jsfiddle.net/epinapala/faEg9/

Ваши зависимые JS файлы нет, я полагаю!

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<div id="accordion"> 
    <h3><a href="#">First header</a></h3> 
    <div>First content</div> 
    <h3><a href="#">Second header</a></h3> 
    <div>Second content</div> 
</div>​ 

    $(document).ready(function() { 
    $("#accordion").accordion(); 
    });​ 

Answer 2

Попробуйте использовать это:

//$ = jQuery; 
jQuery(document).ready(function() { 
    $("#accordion").accordion(); 
});