ホバー上のテーブルから追加データを表示

Question

私は、PHPのスクリプトを介してサーバーからデータを取得する小さなWebアプリケーションを作っています。これは、JqueryのAJAXメソッドで行われます。次に、約3つの列がテーブル内を滑り落ち、ユーザーが行の上を移動すると、追加のデータがその行の下に滑り落ちます。

私の質問は：

（a）です。どのようにテーブルを下にスライドさせるのですか（divに追加することはできますが、それは非常にエレガントではありません）。

（b）行ごとに追加データを格納し、テーブルのその行の下にスライドさせるにはどうすればよいでしょうか。

すべてのヘルプは大幅にあなたのhtmlで、 RayQuang

Answer 1

をいただければ幸いです。

<a href='' class='hoverlink'>row that always displays<span> 
fill this span with your query results and html formatting</span></a> 

あなたのCSSで：

.hoverlink span { 
    display:none; } 
.hoverlink span:hover { 
    display:block; } 

また、あなたはjqueryのを使用したい場合ダイナミックドライブのanimatedcollapse.jsで間違ったことはできませんでした。これはかなりうまく動作し、簡単にカスタマイズできます。