Jquery accordian ui не работает вообще

#jquery-ui

#jquery-ui

Вопрос:

Jquery ui определенно загружен, так как у меня есть сортировка, работающая на той же странице!

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

 echo '<div id="accordian">
<h3><a href="#">Subscriber Options</a></h3>
<div><a id="changeLayout" href="">Change Main Layout</a></div>
<h3><a href="#">Account Layout</a></h3>
<div></div>
</div>';
  

Мой Jquery…

 $(function() {
$("#accordian").accordian();
});
  

Пользовательский интерфейс jquery поступает из Google, а затем из моего JS-листа, после чего весь мой JS завернут в document.ready()

И мой css для аккордеона,

 #accordian {width: 100%;}

#accordian h3 {padding: 5px 0; font-size: 13px; font-weight: normal; background: #333;}

#accordian div {padding: 10px 0; width: 100%; height: 300px; border: 1px solid #f00;}
  

Ответ №1:

Я совершаю эту ошибку очень, очень часто…

Это пишется как спельта accordion 😉

Единственное, что я могу подумать, это то, что у вас нет загруженного базового CSS для аккордеона. Я настроил этот jsfiddle с помощью jQuery 1.5.2, jQuery UI 1.8.9, базового css пользовательского интерфейса из CDN Google и вашего кода, и он работает, как ожидалось.