Modifica proprietà di visibilità

Question

Ho un div che ha un nome di classe myClass e id name myId. Il div ha lo stile seguente.

.myClass { 
    height: 74%; 
    margin-top: -1px; 
    position: relative; 
    overflow-y: auto; 
    width: 100%; 
    overflow-x: hidden; 
    visibility: hidden; 
} 

quando provo a cambiare la visibilità da nascosto a visibile facendo questo

$('#myId').css({ 'visibility': 'visible' }); 

Sto usando id in jQuery al posto di classe, perché stessa classe si applica agli altri elementi troppo. Il mio div non è ancora visibile. Che cosa sto facendo di sbagliato?

Answer 1

Perché non provi:

$('#myId').css('display', 'block'); 

o provare:

<style> 
.visible { display:block !important;} 
</style> 
$('#myId').addClass('visible'); 

Answer 2

Sostituire il visibility: hidden;-display: none;

quindi aggiornare jQuery

$('#myId').css('display','block'); 

Answer 3

Si yo u può farlo nei seguenti modi

$('#myId').css('display','block'); 

$('#myId').css('display','inline'); 

$('#myId').show(); 

Answer 4

in css gli effetti di proprietà di visibilità a contenuti all'interno del tag mentre gli effetti di proprietà di visualizzazione per tag totale, questo significa che se si applica display:none; rimuoverà intero tag ma visibility:hidden nascondere il contenuto all'interno di quel tag.

Poiché: visible è un selettore jQuery è possibile utilizzare l'opacità anziché la visibilità per nascondere il contenuto all'interno del tag.

$('#myId').css('opacity','1'); 
$('#myId').css('opacity','0'); 

se avete bisogno di nascondere l'intero tag, meglio andare con display nessuno

Answer 5

basta andare semplice, c'è un'API disponibili in jQuery per nascondere e rivelare elementi DOM. Prova come segue

$('#myId').hide(); // for hiding the element 

    $('#myId').show(); // to show up the element