jQuery-UI 아코디언 사용자 정의

Question

웹 페이지 index.html에 content이라는 div가 있는데이 div에서는 다음 javascript를 사용하여 다양한 HTML 페이지의 내용을로드합니다. 이것은 사용자가 클래스 myajaxreq을 가진 링크를 클릭 할 때마다 발생합니다.

$('.myajaxreq').click(function() { 
    var myhref=$(this).attr('href'); 
    $('#content').hide().load(myhref).fadeIn('slow'); 
    return false; 
}); 

---

---

는 나는이에 accordion 페이지 acc.html에서 링크 중 하나를 클릭에 content를 div에로드해야합니다. 그러나, 나는 그것으로 몇 가지 문제가 있어요 :

---

(a)는 아코디언 사업부 content에서 사용 가능한 폭을 모두 차지합니다. 나는 div의 60 % 만 차지하고 싶다. 나는 즉,있는 내가

---

(b)는 내가 아코디언 메인 탭에서 모든 경계를하지 않을 아코디언을

`<style type="text/css"> 
    #myaccordion { 
    width: 60%;} 
</style>` 

을로드하고는 acc.html 페이지에서이 일을 시도했다. 나는 이것이 쉬운 것처럼 보지만, 나는 그것에 대응하는 CSS를 찾을 수 없었다.

Answer 1

브라우저 콘솔을 사용하여 요소 CSS를 검사하십시오. 콘솔에서 해당 속성을 클릭하기 만하면 다양한 속성을 비활성화 할 수도 있습니다. 콘솔에서 속성 값을 편집하여 테스트 할 수도 있습니다. 이것은 타고 넘어야하는 규칙을 격리하는 데 도움이됩니다