JQuery와 UI 아코디언 - 활성 요소 - 우수한 라이브러리

나는 다음과 같은 HTMLJQuery와 UI 아코디언 - 활성 요소

<div class="title"><a href="javascript:void(0)">Title goes here</a></div> 
<div class="body">Body goes here</div>

아코디언의 작품에서 JQuery와 아코디언을 작성하고 내가 좋아 주위에 테두리가하고 숨기기 헤더 테두리. 그러나 요소가 확장 될 때 머리글의 아래쪽 테두리를 제거하고 싶습니다. 이것이 가능한가? 예를 들어, 내가 원하는, 예를 들어보십시오

<div class="title" style="border-bottom:0px;"><a href="javascript:void(0)">Title goes here</a></div> 
<div class="body">Body goes here</div>

나는 아코디언의 활성 요소에 대해서만 필요하지만 위의 스타일이 필요합니다.

.ui-accordion-header-active

에 대한 스타일 설정을 시도했지만 작동하지 않습니다. 어떤 아이디어?

편집 : 여기 테스트하는 Js 피들입니다. 제목과 본문의 경계선을 없애고 싶습니다.

http://jsfiddle.net/2LkS6/

출처

2012-10-14 Anonymous

당신이 jsfiddle 예를 제공 할 수 있습니까? – sync

@sync - jsfiddle –

당신은 간단하게 다음과 같은 CSS를 추가 할 수 있습니다

.ui-accordion-header-active { 
    border-bottom: none; 
}

updated fiddle

출처

2012-10-14 15:42:52 kannix

이 작동하지만 코드에서 작동하지 않습니다. 다른 일이 여기에 있는지 궁금합니다. –

크롬 콘솔에서 요소를 검사하면 적용 할 스타일을 볼 수 있습니다. 나는 당신이 또한 덧붙여 야한다고 생각한다! 그 스타일 뒤에 중요한 것은 덮어 쓰기를 강요하기 위해 어떻게 든 당신의 CSS 주문을 꼬집어 야한다 – kannix

나는 오늘이 주제를 다시 방문했고 갱신을 게시하고 싶었다. 테마 롤러를 사용하여 새 테마를 만들었고 새로운 스타일이 적용되지 않았다는 사실을 알게되었습니다. 이것이 아마도 귀하의 솔루션이 초기에는 작동하지 않았던 이유 일 것입니다. 조금 파고 들자 크롬이 적극적으로 CSS를 캐싱하고있는 것을 발견했습니다. Chrome을 닫고 CSS 변경 사항을 적용하려면 Visual Studio 디버거를 중지했다가 다시 시작해야했습니다. 일단 내가 그렇게 했더라면, 당신의 솔루션은! 스타일 없이도 완벽하게 작동합니다. –

JQuery와 UI 아코디언 - 활성 요소

답변

관련 문제