Jquery accordian 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 및 코드로 설정했으며 예상대로 작동한다.