Javascript 由于某些原因，无法显示/隐藏类似div的表行

我已经为我的div滑块使用了animatedcollapse，没有任何缺陷。但是，我现在需要使用一个表行滑块，它的性能根本不一样。这是我正在使用的桌子的一部分，所以你会有一个想法

<table>

回复帖子

   </div>
    <script type="text/javascript">

            $(document).ready(function () {
                var editor = CKEDITOR.replace( 'newsfeed_status7',
                           {
                                   toolbar :
                                   [
                                          ['Bold', 'Italic', 'Underline', '-', 'Font', 'FontSize', '-', 'Undo', 'Redo', '-', 'MediaEmbed','Smiley', 'SpellChecker', 'Find','Replace']
                                   ],
                                   height: '50px'
                           });

            });

    </script>
        <table width="100%">
            <tr>
                <td align="left" width="25%" style="padding-left:15px;"></td>
                <td align="left" width="25%"></td>
                <td align="right"></td>

                <td align="right" width="20%" style="padding-right:15px;"><input type="submit" value="Reply To Post" class="submitbtn" /></td>
            </tr>
        </table>
    </td>
</tr>                        

回复 07/11/10 03:12:20下午 下面是放置在页脚文件中的内容：

<script type="text/javascript">
animatedcollapse.addDiv('tr7', 'fade=1') animatedcollapse.addDiv('tr6', 'fade=1') animatedcollapse.addDiv('tr4', 'fade=1') animatedcollapse.addDiv('tr2', 'fade=1') animatedcollapse.addDiv('tr1', 'fade=1') animatedcollapse.ontoggle=function($, divobj, state){}
animatedcollapse.init()
</script>

---

您可能不喜欢该解决方案，因为如果您完全依赖于基于表的布局，它会变得有点丑陋

您需要在第一个表单元格中嵌套另一个表。像这样：

table
    tr
      td class="show-hide"
        table
            tr
                td
                td
                td

等等

从那里，您可以将fav show hide动画指定给我标记为show hide的表格单元

或者更简单的应用是将行输出为div，而不是tr，然后在其中输出一个表，以实现您的结构

在这两个版本的解决方案中，动画都很好看，缺点是需要为每个td指定定义的宽度，以便可以保持所需的晶格结构

希望这有帮助

为了完全兼容xhtml，我会使用dl而不是table。

假设animatedcollapse是一种通过设置溢出来工作的动画：隐藏在元素上，然后更改其高度，我担心溢出在大多数浏览器和大多数情况下，由于表行的不同/不寻常的布局模型，在表行上根本不起作用，无论如何

要使其工作，您必须将该行拆分为它自己的表。然后，为了获得最大的兼容性，可以将必须隐藏的表放在中，并在div上执行溢出/动画

由于现在有三个表，如果目标行之前和之后都有行，则需要确保它们的列对齐，使它们看起来像一个表。这应该通过给表格设置样式表布局来实现：固定；宽度：100%；然后使用第一行单元格或一组元素上的宽度样式调整需要不同于其他列宽度的任何列的大小

表布局：在任何情况下，通常首选fixed，因为它比默认的“自动”表布局算法更快、更可预测