無法顯示/隱藏表格行因爲某些原因

我已經使用animatedcollapse爲我的div滑塊沒有缺陷。不過，我現在需要使用一個表格行滑塊，它不會執行相同的操作。這是我使用的表格的一部分，所以你有一個想法。無法顯示/隱藏表格行因爲某些原因

<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>

回覆 10年7月11日下午3時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>

來源

2010-07-12 Refiking

你可以不喜歡的解決方案，因爲它得到的有點醜（假設你完全依賴於基於表格的佈局）。

您需要在第一個表格單元格中嵌套另一個表格。像這樣：

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

等等

從那裏，您可以將您喜歡的節目隱藏動畫分配給表格單元格我打上「顯示隱藏」。

或者更簡單的應用程序將輸出行爲div（而不是tr），然後在裏面的表中實現您的結構。

這些動畫在這些版本的解決方案中看起來不錯，因爲您需要爲每個td分配定義的寬度，以便您可以維護所需的網格結構。

希望這會有所幫助。

爲了完全符合xhtml標準，我使用「dl」而不是「table」。

來源

2010-07-12 21:42:59

假設animatedcollapse是，通過在元素上設置overflow: hidden，然後改變其height作品的動畫，我怕溢出根本不會對錶行工作，由於其不同的/不尋常的佈局模式（在大多數瀏覽器而且在大多數情況下，無論如何）。

要使其工作，您必須將該行分解到自己的表中。然後，爲了獲得最廣泛的兼容性，您可以將必須隱藏在<div>之內的表格放入div中，並對div執行溢出/動畫。

由於您現在有多個表（三個，如果以前的行在目標行之前和之後），您需要確保它們的列排成一列，以使它們看起來像單個表。這應該通過給表格table-layout: fixed; width: 100%;（然後根據第一行單元格中的width樣式或一組<col>元素設置需要與其他寬度不同的任何列來確定）。

table-layout: fixed在任何情況下通常都是首選，因爲它比默認的「自動」表格佈局算法更快，更可預測的跨瀏覽器。

來源

2010-07-12 21:58:53 bobince

無法顯示/隱藏表格行因爲某些原因

回答

相關問題