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>