Скрыть таблицу

[Hawk173]

Поставил на свой сайт таблицу, таблица довольно большая хотелось бы её скрыть, хочется вместо неё поставить кнопочку (картинку), на которую тыкаешь и разворачиваться таблица, не знаете как это можно устроить? Заранее спасибо!

[Searcher]

поместить таблицу в блок с display:none; а на кнопку или ссылку повесить смену свойства display на display:block;

[psywalker]

Searcher

поместить таблицу в блок с display:none; а на кнопку или ссылку повесить смену свойства display на display:block;

Всё это конечно понятно, но я подозреваю, что без JS тут не обойтись, потому как я же не могу поместить таблицу в ссылку? Или у вас есть ещё какие то варианты на Css ?

[Nekromancer]

никто и не говорил про ЦСС

Можно сделать таблицу "сестрой" ссылки, и показывать её при нажатии.. но это бред

[psywalker]

Nekromancer

Можно сделать таблицу "сестрой" ссылки, и показывать её при нажатии.. но это бред smile.gif

Кстати неплохая идея, почему бред?

[Nekromancer]

Я лучше заюзаю ДЖС.

[psywalker]

Nekromancer

Тебе хорошо, ты его знаешь, а для меня это тёмный лес блин(((

[belovres]

Hawk173 короче делаешь так

таблицу начинаешь так

 <table style="display:none;" id="uid">

после таблицы или до делаешь кнопку так

 <input type="button" onclick="dis('uid')" value="Показать/скрыть таблицу">

а до тега </head> пишешь

<script language="javascript">
function dis(id){
	if(document.getElementById(id).style.display=="block"){
		document.getElementById(id).style.display="none";
	}
	else{
		document.getElementById(id).style.display=="block";
	}
}

[psywalker]

belovres

Спасибо дружище, я попробую

[Hawk173]

Чёта не робит >_<

[Styx]

Hawk173, исправьте

else{
   document.getElementById(id).style.display="block";
}

Присваивание, а не сравнение.

[psywalker]

Работает, спасибо

[belovres]

Styx спасибо что исправил. Я и не заметил