позиционирующий расширяющийся коллапсирующий ящик из ячейки таблицы с jquery

Question

Мой вопрос: если кто-нибудь знает, как добиться эффекта создания слайдинга из таблицы , без того, чтобы весь стол расширялся.

Это слишком скользят independantly от расположения этой конкретной строки сверху на столе, так тоже говорят

иначе это выглядит некрасиво, как вы можете видеть из my page (нажмите на первой строке) I поместил div внутри ячейки там

Я думаю, что я тоже нашел позицию со стола и поставил ее сверху, но Я еще не знаю, как это сделать.

это код, который я использовал для слайда:

$(".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:

позиция: фиксированная; ширина: 400 пикселей;

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

Испытано в FF-FireBug

---

еще лучше, если вы хотите, чтобы показать подсказки или информацию для пользователя об использовании поля jQuery Beauty Tip plugin. Это фантастика, и я использую ее в своем проекте :)