Как загружать html страницу не полностью?

Question

[Yasuro]

Есть html страница с 5 таблицами например.
Как образом мне сделать так, чтобы при загрузки этой страницы отображалась сначала первая таблица, затем по кнопке (конечно без перезагрузки страницы) или по клику по любой строчки этой таблицы отображалась вторая таблица на месте перевой таблицы, потом третья на ее месте и так далее. Короче, чтобы одна таблица исчезала, а следующая появлялась на ее месте.
Необходимо это сделать без применения ajax и php. Все это дело должно происходить на стороне клиента, т.е я так полагаю с помощью js + jquery

Comments

[DevMan]

Без пхп, но в тегах пхп: л - логика.

[Ankhena]

Переделайте вот это inferusvv.ru/blog/css/14-taby-s-pomoschyu-css3.html
Или аналогичное на js/jq.

[Yasuro]

DevMan, Как правило, те кто с пхп знаком, может дать дельный совет по такому вопросу. Поэтому тег этот и стоит. Вот и вся логика.

[DevMan]

Yasuro, ущербная логика.

Answer 1

[xmoonlight]

Свойство CSS display у контейнера с нужной таблицей меняйте по клику на default, всем остальным ставьте none.

Comments

[Yasuro]

xmoonlight, делаю как вы и сказали , но что-то не переключается display в default по нажатию кнопки. Причем обратное переключение из default в none происходит, как и любое другое переключение свойства. В чем может быть проблема?
Я ведь все верно делаю: сначала свойство display у таблиц ставлю в none по умолчанию, а потом в jquery меняю на default.
Может дело в приоритете?

[xmoonlight]

Yasuro, дело в отладке или в z-index (что, маловерятно). Ловите ошибки в консоли...

Answer 2

[FeNUMe]

Начать с прочтения определения AJAX в вики, после этого ответить самому себе на вопрос: "мне нужна подгрузка дополнительных данных с сервера или нужно уже загруженные данные отображать частями?" Если подгрузка то вам нужен именно AJAX, если только отображение то xmoonlight выше уже ответил.