Zmiana właściwości widoczności

Question

Mam div, który ma nazwę klasy myClass i id name myId. Div ma następujący styl.

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

Kiedy próbuję zmienić widoczność z ukryte widoczne robi to

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

używam id w JQuery zamiast klasa bo sama klasa jest stosowany do innych elementów zbyt. Mój div wciąż nie jest widoczny. Co ja robię źle?

Answer 1

Dlaczego nie spróbować:

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

lub Spróbuj:

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

Answer 2

zastąpić visibility: hidden; do display: none;

następnie zaktualizować jQuery

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

Answer 3

Tak yo u można to zrobić za pomocą następujących sposobów

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

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

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

Answer 4

w css skutków majątkowych widoczność zawartości wewnątrz znacznika podczas Efekty własności wyświetlacz do całkowitej tagu, co oznacza, że ​​jeśli stosuje display:none; usunie całą tag ale visibility:hidden ukryć zawartość wewnątrz tego tagu.

Ponieważ: visible jest selektorem jQuery, możesz użyć krycia zamiast widoczności, aby ukryć zawartość w tagu.

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

jeśli chcesz ukryć całą tag, lepiej iść z wyświetlaczem żaden

Answer 5

prostu iść prosto, nie jest dostępna w jQuery do ukrywania się i pokazuje się elementów DOM API. Wypróbuj następujące:

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

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