jQuery UI 아코디언 탭을 사용할 때 색을 바꿀 수 없습니다 (예 : : 방문).

Question

좋은 바닐라 jQuery UI 아코디언을 사용하고 있습니다. 내 고객은 아코디언 탭 (헤더)의 텍스트를 읽을 때 (방문한) 색상을 변경할 수 있는지 여부를 묻습니다. 내 연구를 통해 알 수있는 한 pseudo-class :hover을 모든 요소에 적용 할 수 있지만 :visited ~ <a> 요소 만 적용 할 수 있습니다.

나는 이것에 대한 철저한 조사를했고, 주제에 관해 전혀 생각해 내지 못했다. 아니면 질문을 잘못하는 것일까 요? 내가 거기에 대한 몇 가지 사용자 정의 jQuery를 작성하는 방법이있을 것 같아요,하지만 jQuery UI 아코디언 위젯을 사용하도록 제한됩니다. 따라서 질문은 jQuery UI 아코디언에만 해당됩니다. 나는 대답이 '아니오'라고 생각한다.

누구나 아이디어가 있다면 매우 감사 할 것입니다. 다시 말하지만, 이것은 이미 액세스 한 아코디언 탭 (과거에 액세스 한 사용자가 현재 이동했습니다)이며 현재 활성화 된 아코디언 탭이 아닙니다.

여기 내 표준 아코디언 마크 업입니다. 여기

jQuery('#accordion').accordion({ 
    collapsible: true, 
    active: false, 
    header: "h3", 
    heightStyle: "content" 
    }); 

내가 그것을 위해 만든 바이올린입니다 :

<div id="accordion"> 
    <h3>Research</h3> 
    <div> 
     <p>Content Here</p> 
    </div> 
    <h3>Resources and Guides</h3> 
    <div> 
     <p>Content Here</p> 
    </div> 
    <h3>Regulations</h3> 
    <div> 
     <p>Content Here</p> 
    </div> 
</div> 

여기에 내 옛날부터 jQuery를 UI 아코디언 스크립트의 http://jsfiddle.net/Lera/UtE3C/ 여기

Answer 1

DEMO

addClass에 변경 click function.

Working Example

$('#accordion').accordion({ 
    collapsible: true, 
    active: false, 
    header: "h3", 
    heightStyle: "content" 
}); 

$('#accordion h3').click(function() { 
    $(this).addClass('newClass'); 
}); 

.newClass { 
    color:red; 
} 

Answer 2

이 아코디언 사용할 때 이것을 구현하는 방법이다

CSS :

.toggle-title:hover, 
.toggle-title:active, 
.active { /* Added .active rule */ 
    background: #000; 
    color: white; 
} 

JS :

$(document).ready(function() { 
    $(".toggle-content").hide(); 
    $(".toggle-title").click(function() { 
     $(this).next(".toggle-content").slideToggle("normal"); 
     $(this).toggleClass('active'); //toggle class active 
    }); 
}); 

편집 DEMO http://jsfiddle.net/kevinPHPkevin/mZhTY/107/

그냥 간단하게 함께 할 것 toggleClasshttp://jsfiddle.net/kevinPHPkevin/mZhTY/108/