У меня есть CSS для тегов списка, которые имитируют кнопки, следующим образом:
Перед вызовом addClass (и в идеале, к чему должен возвращать removeClass)
#content_navigation li {
background-color:#C7C7C7;
border:2px outset black;
text-align:center;
font-weight:400;
}
После addClass («нажал»); называется
#content_navigation li.clicked {
background-color:#EFEFEF;
border:1px inset black;
font-weight:700;
}
Мой код JQuery (для одной кнопки):
$('#pass_settings_btn').click(function() {
$('#pass_settings_btn').addClass('clicked');
$('li:not(#pass_settings_btn').removeClass('clicked');
В Firefox это работает отлично. но в Opera / IE7 (единственные, которые мне нужно проверить, кроме Firefox 5), но кнопки не возвращаются в исходное состояние. Исходный CSS не «просвечивает» после вызова removeClass. Как я могу это исправить (надеюсь, без специального взлома браузера?)