FAQ 드롭 다운 - 클릭했을 때 텍스트 색상 변경

Question

FAQ에 자바 스크립트 드롭 다운을 사용하고 있는데 클릭 할 때 질문의 색상을 변경 한 다음 다시 클릭 할 때 변경하는 방법이 있습니다.

<script type="text/javascript"> 
function toggle(Info) { 
var CState = document.getElementById(Info); 
CState.style.display = (CState.style.display != 'block') 
        ? 'block' : 'none';} 
</script> 

내가 사용 알고 :

가 여기에 자바 스크립트의 조치가 질문을 클릭하면만을위한 작동하지만 나는 각각의 색을 켜거나 끕니다 중 하나를 클릭 있도록 스타일을 시도하고, 응답이 떨어지면 그 일이 일어날 것이고 나는 두 가지 모두를 조정하고 싶습니다.

Answer 1

올바르게 이해하면 토글 기능이 답변을 표시하거나 숨 깁니다.

document.getElementById(your question).classList.toggle(your-class); 

및 CSS 파일

.your-class { 
    color: selected color; 
} 

Answer 2

<style> 
.classStyle1 {background-color:white} 
.classStyle2 {background-color:green} 
</style> 
<script type="text/javascript"> 
function toggle(Info) { 
var CState = document.getElementById(Info); 

if(CStage.className == "classStyle1"){ 
    CStage.className = classStyle2; 
}else{ 
    CStage.className = classStyle1; 
} 
// or else 
// create style attribute for select element and put style='background-color:white' like this 
if(CStage.style.backgroundColor == "white"){ 
    CStage.style.backgroundColor = 'green'; 
}else{ 
    CStage.style.backgroundColor = 'white'; 
} 
</script> 

Answer 3

에 : 그럼 당신이해야 할 질문 용기를 얻을 예를 들어 텍스트 색상

포함 된 CSS 클래스를 전환하는 것입니다

정확하게 이해하면 시도해주세요. CState=document.getElementById("myColor"); CState.onmouseover=function(){this.style.color='red';}; CState.onmouseout=function(){this.style.color='blue';};