Показать нет! важно переопределить с помощью jQuery

Любой, кто знает, как переопределить приведенный ниже css с помощью jQuery?

 .actionButton.single-pet
        {
            display: none !important;
        }

Это не сработает для этого: $('.actionButton.single-pet').show();

Ответ 1

$('.actionButton.single-pet').attr("style", "display: inline !important");

Устанавливает CSS в display: inline !important;. display: inline - это свойство по умолчанию для display. Вам нужно !important снова переопределить предыдущий !important.

Обратите внимание, что !important не следует часто использовать. Прочтите принятый ответ на Как переопределить! Important? для более подробной информации.

UPDATE: мы не можем использовать .css() здесь, так как он не поддерживает !important. http://bugs.jquery.com/ticket/11173 для более подробной информации; кажется ошибкой.

Ответ 2

$('.actionButton.single-pet').removeClass('single-pet');

Или просто:

$('.actionButton.single-pet').addClass('single-pet-shown');

С CSS:

.actionButton.single-pet-shown {
    display: block !important;
}