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

Question

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

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

в противном случае это выглядит ужасно, как вы можете видеть на моей странице (нажмите на первый ряд) Я поместил 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

просто добавьте это в свой стиль для div:

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

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

Проверено в FF-FireBug

---

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

Answer 2

Если вы используете css для выравнивания по вертикали: top; клетки этой таблицы решают вашу проблему?