jqueryを使ってテーブルセルから折り畳みボックスを展開する

Question

テーブル全体を拡張せずに テーブルセルからのスライダダウンを作成する効果をどのように実現するのか分かりません。あなたはmy page から見ることができるように、それ以外の場合は醜い

それはあまりにもオフテーブル上にその特定の行 の場所からindependantlyスライドさせ、そのあまりに

を話しています（最初の行をクリックしてください） 私はそこにセルを入れた

私はテーブルセルからの位置を見つけてそれを一番上に置いていると思いますが、 私はそれをまだどうやって行うのか分かりません。

これは私がスライドするために使用されるコードです：

$(".reg_info_body").hide(); 
$(".reg_info").toggle(function(){ 
$(this).children(".reg_info_body").slideDown(100); 
}, function(){ 
$(this).children(".reg_info_body").slideUp(300); 
}); 

おかげで、リチャード

Answer 1

あなたは垂直整列するためにCSSを使用する場合：トップ。そのテーブルのセルはあなたの問題を解決しますか？

Answer 2

単にあなたのスタイルあちこちのdivにこれを追加します。

位置：固定します。 width：400px;あなたが現場での使用jQuery Beauty Tip pluginについてユーザーにヒントや情報を表示したい場合は

.reg_info_body { 
background-color:#F4F4F8; 
height:200px; 
padding:5px 10px 15px; 
position:fixed; 
width:400px; 
z-index:100; 
} 

はまだ良いFF-放火犯に

---

をテストしました。それは素晴らしいですし、私は私のプロジェクトでそれを使用しています:)