Javascript 强制div高度为0，不考虑子元素

所以我在

表中有一个
tr
。单击后，它会附加一些
html
。我试图使
tr
很好地附加转换，因此我试图将高度设置为0，然后单击将其设置为自动

然而，我的div没有达到0的高度。我可以添加
高度：0但它仍然保持高度

我的HTML：

<tr class="info_container">  
    <td colspan="7">Pick a time
        <button id="time_btn">Button</button>
        <span class="tickets_left_cont"> 7 tickets left</span>
    </td>
</tr>

我做错了什么？为什么我不能使
info\u容器
class height
0
隐藏div

谢谢
 在桌子上，
height
和
width
表现为
minheight
和
minwidth
可能重复哦，谢谢，伙计，我不知道。因此，每当我想更改表中某个元素的高度时，我都需要使用
max height
。请看这里：
.info_container {
    background: #fff;
    color: #000;
    z-index: 999;
    left: 0;
    width: 100%;
    padding: 15px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    opacity: 0;
    text-align: left;
    font-family: BreeSerifLt;
    border-bottom: 3px solid #000;
}

#time_btn {
    outline: 0;
    padding: 10px;
    background: #9A0FC7;
    border: 0;
    color: #fff;
    display: block;
    margin-top: 10px;
    font-weight: 300;
    font-family: BreeSerifLt;
}