如何隱藏和切換內容

Question

如何在不干擾jQuery中其餘內容的情況下隱藏內容？我還需要切換？

.css{visibility:hidden}

不幫我切換。

Answer 1

使用display：'block'來顯示和顯示：'none'來隱藏使用jQuery的css函數。

您可以切換：

var toggle=0; 

    $('#togglebutton').click(function(){ 
    if (toggle == 0) { 
     toggle = 1; 
     $('#hideshow').css('display', 'block'); 
    } else { 
     toggle = 0; 
     $('#hideshow').css('display', 'none'); 
    }}); 

對不起，我回答我的手機！

在沒有過渡效果圖形異常的情況下，希望內容加載隱藏（如在文檔上準備好）時，顯示：'block'和none display：'none'。隱藏會導致奇怪的事情發生。

Answer 2

您可以切換任何元素，如p或特定的類或id。

<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("your_element_neme").toggle(); 
    }); 
}); 
</script> 

Answer 3

由於您使用.css{visibility:hidden}，然後.hide()和.show()不會爲你工作。

用途：

$('#content').css('visibility', 'visible'); 

和

$('#content').css('visibility', 'hidden'); 

，並相應地進行切換（如@亞當在他回答說）