Отображение дополнительных данных из таблицы при наведении

Question

Я делаю небольшое веб-приложение, в котором данные извлекаются с сервера через скрипт php. Это делается с помощью методов JJery AJAX. Затем в таблице нужно сдвинуть около трех столбцов, а когда пользователь наводит курсор на строку, дополнительные данные под этой строкой перемещаются вниз.

Мой вопрос:

(а). Как мне сдвинуть стол (я могу добавить его в div, но он выглядит не очень элегантно).

(b) Как мне сохранить дополнительные данные для каждой строки и поместить их под эту строку в таблице.

Любая помощь будет принята с благодарностью, RayQuang

Answer 1

В вашем html:

<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 от Dynamic Drive, он работает довольно хорошо и легко настраивается.