0

基本问题：

隐藏 Parent 之后:visible，它的孩子仍然“不可见”

我的 HTML 如下

    <div class="root">
      <h3>Title</h3>
      <div>
        <p>description</p>
        <div>Sub one description</div>
        <div>
          <table>
            <tbody><tr><td><div>Flag</div></td></tr></tbody>
          </table>
      </div>
    </div>
  <div>

当我使用.root {display:none;}或$('.root').slideUp(500);内部 div 和内部 TD 元素显示为无时。因此，当我展开根目录或制作.root{display:block;}或$('.root').slideDown(500);内部 div 和 TD 不显示时。是否可以在不影响内部元素的情况下隐藏和显示完整的根 div。

我尝试$('.root').hide();并$('.root').css('height','0');在 jquery 中设置动画功能，但没有任何效果。请帮助我完全隐藏和显示根，但不影响内部元素样式。提前致谢。

编辑：

我还必须隐藏子元素，但是当我显示根时，也应该显示子元素。现在不显示子元素。

4

2 回答 2

1

这里有什么问题，你的问题一定是隐藏了你的孩子。你不能分享一些代码吗？

解释的问题在这里工作得很好：

http://jsfiddle.net/48xKS/

$('.root').slideUp(500);

setTimeout(function() {
      $('.root').slideDown(500); 
}, 2000);
于 2013-05-17T13:28:35.147 回答
0

我认为您不能使用display:block来显示节点。

使用以下内容隐藏：

$('.root').css('display','none');

并显示以下内容：

$('.root').css('display','');

通过这种方式，我认为再次显示 root 时不会影响您的 html

于 2013-05-17T13:30:46.993 回答