Question

如何在不干扰jQuery中其他内容的情况下隐藏内容？我还需要切换？

.css{visibility:hidden}

无法帮助我切换。

Answer 1

使用display：＆＃39; block＆＃39;显示和显示：＆＃39; none＆＃39;隐藏使用jQuery的css函数。

您可以切换：

   var toggle=0;

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

抱歉，我正在接听我的手机！

显示：＆＃39;阻止＆＃39;并且没有显示：＆＃39; none＆＃39;在您希望内容加载隐藏（例如文档就绪）而没有过渡效果图形异常的情况下，这种情况更为可取。隐藏会导致奇怪的事情发生。

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

并相应地切换（如@ adam 在他的回答中所说）

如何隐藏和切换内容

3 个答案: