我該如何讓開放式手風琴改變顏色的標題？

Question

我手風琴有幾顆子彈。

我希望標題文字在手風琴中打開子彈時改變顏色。

這可以用CSS來實現嗎？

我該怎麼做？

.accordion-toggle:hover {color:#C04747} 

如何打開時改變手風琴的顏色？

這裏是我的代碼：

$(document).ready(function($) { 
    $('#accordion').find('.accordion-toggle').click(function(){ 

    //Expand or collapse this panel 
    $(this).next().slideToggle('fast'); 

    //Hide the other panels 
    $(".accordion-content").not($(this).next()).slideUp('fast'); 
    }); 
}); 

Answer 1

可以使用addClass('active')一類追加到點擊手風琴冠軍。

在你的css風格中，在你的:hover聲明後面添加類.active。

CSS

.accordion-toggle:hover, .accordion-toggle.active {color:#C04747} 

JS

$(document).ready(function($) { 
    $('#accordion .accordion-toggle').click(function(){ 

     //Remove active classes 
     $('#accordion .accordion-toggle').removeClass('active'); 

     //Expand or collapse this panel 
     $(this).addClass('active'); 
     $(this).next().slideToggle('fast'); 

     //Hide the other panels 
     $(".accordion-content").not($(this).next()).slideUp('fast'); 
    }); 
}); 

的jsfiddle

查看我JSFIDDLE