JQuery UI не работает для аккордеона

Question

мой HTML выглядит следующим образом

<div id="menu"> 
     <h3>Section 1</h3> 
     <div> 
      <p>I'm the first section!</p> 
     </div> 
     <h3>Section 2</h3> 
     <div> 
      <p>I'm the second section!</p> 
     </div> 
     <h3>Section 3</h3> 
     <div> 
      <p>I'm the third section!</p> 
     </div> 
    </div> 

И это мой JS

$(document).ready(function() { 
    $('#menu').accordion(); 
}); 

Как-то мой аккордеон не работает, даже если я принял это прямо с codeacademy. Раньше я делал свой собственный аккордеон, и он не работал, поэтому я снял его с кодексадики, где я впервые узнал об этом, но все же он не работал. Я устраиваю google. Что-то не так с этим?

Я попытался добавить заголовок: 'h3'

, но он по-прежнему не имеет никакого эффекта. Он просто похож на альтернативу h3 и divs.

Answer 1

Ваша ссылка на jquery должна появиться перед пользовательским интерфейсом jquery или иначе это не сработает.