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，並且按預期工作。