2012-05-31 3 views
0

У меня есть аккордеон с пользовательской таблицей стилей из themeroller. проблема в том, что когда я обрушиваю одну из частей аккордеона, он меняет сложенный заголовок на черный, вместо того, чтобы возвращаться к исходному красному цвету. Я просмотрел css, и моя единственная мысль заключается в том, что это проблема javascript. Bc мой цвет наведения черный, и по какой-то причине он остается в этом цвете, когда рушится.jquery accordion collapse и css issue

вот ссылка http://filtersavvy.com/index.php?main_page=index&cPath=351_448&sort=20a

ответ

0

Посмотрите на этот CSS правило

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { 
    background: url("/includes/templates/theme376/css/images/ui-bg_highlight-soft_100_100909_1x100.png") repeat-x scroll 50% 50% #F50019; 
    border: 1px solid #F50019; 
    color: #FFFFFF; 
    font-weight: normal; 
} 

Проблема вызывается классом .ui-state-focus который отображает черный фон для пункта меню щелкнули в то время как она имеет фокус. Удалите класс из этого правила или переопределить его, как это:

.ui-state-focus { background: none } 
+0

работал единственное, что я хотел бы добавить, чтобы удалить только первый экземпляр .ui-государственного внимания в правиле – arrowill12

+0

Yeap, я говорил, что - " _Удалить класс из этого правила_ ":) –

0

При нажатии кнопки закрыть заголовок, <h3> получает класс ui-state-focus. Вы можете проверить, закрыт ли клик, и если да, удалите класс ui-state-focus, который изменит применяемое правило css.