切换元素类配置答案

【问题标题】：Toggle element class configuration切换元素类配置
【发布时间】：2012-09-14 06:15:17
【问题描述】：

我对如何配置切换类有疑问。

Here 问题，我无法配置工具类。一切工作正常，直到 div 被折叠，但是当 div 被折叠时，如果你将鼠标放在 div 上（.accordionhover-group）我会出错。文本不是白色的，但它一直是红色粗体（这样我看不到文本），并且图标箭头不是应该的白色。当我将鼠标悬停在折叠后的 div (.accordionhover-group) 上时，如何使我的 文本白色粗体 和 图标箭头向上变白？

【问题讨论】：

标签： jquery twitter-bootstrap toggle toggleclass

【解决方案1】：

为了让你的文字变成粗体和白色，这里是css

.accordionhover-group:hover{
    color: #fff;
    font-weight: bold;        
}

悬停时的箭头，这里是我建议你用来达到预期效果的 css。

.clicked .accordionhover-group i: hover  {
    background-position: -311px -99px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float: right;
}

.clicked .accordionhover-group:hover i {
    background-position: -288px -93px;
    background-image:url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
    float:right;
}

.icon-arrow-down-white {
    background-position: -311px -99px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

.icon-arrow-up-white {
    background-position: -288px -93px;
    float :right;
    margin-top: 5px;
    background-image: url("http://tommywebdesigner.com/img/glyphicons-halflings-white.png");
}

同样没有必要在样式之后使用important。这是一篇关于在css中使用important的好文章 http://css-tricks.com/when-using-important-is-the-right-choice/

【讨论】：