Jquery的手风琴用户界面根本不工作

Question

Jquery的用户界面已经定义好了，因为我可以在同一页面上进行分类工作！

我的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 UI的来自谷歌，并在那之后我的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;} 

Answer 1

我犯这样的错误非常非常常...

它的拼写accordion ;-)

唯一的其他可能的事情，我能想到的是，你不必对手风琴的基础CSS加载。我已经使用jQuery 1.5.2，jQuery UI 1.8.9，base UI css from Google's CDN和您的代码设置了this jsfiddle，并且按预期工作。