如何隐藏和切换内容

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'); 

，并相应地进行切换（如@亚当在他回答说）