Переключить конфигурацию класса элемента

У меня проблема с настройкой класса переключения.

Здесь проблема, я не могу настроить класс toogle. Все работает нормально, пока div не свернут, но затем, когда div свернут, и если вы удерживаете указатель мыши на div (.accordionhover-group), я получаю сообщение об ошибке. Текст не белый, но он продолжает выделяться красным жирным шрифтом (таким образом я не вижу текст), а стрелка значка не белая, как должна быть. Как я могу сделать свой текст белым полужирным и стрелку значка вверх белой при наведении курсора на div (.accordionhover-group) после того, как он свернут?


toggle jquery twitter-bootstrap toggleclass
person Koala7    schedule 14.09.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Чтобы сделать ваш текст жирным и белым, вот 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 http://css-tricks.com/when-using-important-is-the-right-choice/

person ksskr    schedule 14.09.2012