如何隐藏和切换内容

时间:2016-01-16 09:58:51

标签: jquery visual-web-developer

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

.css{visibility:hidden}

无法帮助我切换。

3 个答案:

答案 0 :(得分:0)

使用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');
    }});

抱歉,我正在接听我的手机!

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

答案 1 :(得分:0)

您可以切换任何元素,如p或特定的类或ID。

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

答案 2 :(得分:0)

由于您使用的是.css{visibility:hidden},因此.hide().show()将不适合您。

使用

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

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

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