Afficher l'objet caché avec jquery

Question

Nous avons un ruban caché et je voudrais changer .hidden css pour qu'il soit affiché. Ma jquery ne semble pas le résoudre?

Html

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

Css

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

Mon jQuery ne fonctionnent pas.

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

Answer 1

Vous pouvez supprimer votre classe cachée:

$(".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

Vous pouvez utiliser show pour faire écran en arrière, mais vous devez modifier la visibilité trop (supprimer également important de 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>