Показать скрытый объект с jquery

Question

У нас есть скрытая лента, и я хочу изменить .hidden css, чтобы он отображался. Мой jquery, похоже, не решает проблему?

Html

<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden"> 
Css 

Css

.hidden { 
    display: none!important; 
    visibility: hidden!important; 

Мои JQuery не работают.

$(".hidden").css({"display":"Block","visibility":"visible"}); 

Answer 1

Вы можете удалить скрытый класс:

$(".hidden").removeClass("hidden");

.hidden { 
 
    display: none!important; 
 
    visibility: hidden!important; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden"> 
 
    aaaaaaaaaa 
 
</div>

Answer 2

Вы можете использовать шоу, чтобы сделать дисплей обратно, но вы должны изменить видимость тоже (также удалить важные с CSS):

$(".hidden").show().css("visibility","visible");

.hidden { 
 
    display: none; 
 
    visibility: hidden; 
 
    }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">Hello world!</div>