Jquery accordi uiはまったく動作していません

Question

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の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;} 

それは私が考えることができます accordion ;-)

唯一の他の可能なものをつづら

私は非常に、非常に多くの場合、このミスを犯す3210

Answer 1

は...あなたはアコーディオンのための基本CSSを持っていないということですロードされる。私はthis jsfiddleをjQuery 1.5.2、jQuery UI 1.8.9、base UI css from Google's CDNとコードを設定して、期待どおりに動作します。