Показать/скрыть объект, Показать скрыть таблицу или div на javascript

Допустим у нас есть элемент div

<div id=»TrMoreOrder»>

</div>

Который нужно показать или скрыть при нажатие допустим на текс или кнопку

вот это будет у нас кнопка включить выключить:

<p onClick=»MoreOrder()»> показать/спрятать </p>

Это сама функия

function MoreOrder() { var tr = document.getElementById(‘TrMoreOrder’);

if (tr.style.visibility==’hidden’)  {tr.style.visibility=’visible’; }

else {tr.style.visibility=’hidden’; };

}

ещё один метод:

function ToggleCode(id)

			{

				el=document.getElementById(id);

				if(el.style.display=="none")

				{
					
				el.style.display="";

				}

				else

				{

					el.style.display="none";

				}

				return false;

			}

Вызов

Показать/скрыть

Еще один метод

$(document).ready(function(){
	$('#link1').click(function(){
		if(jQuery.browser.msie && parseInt(jQuery.browser.version)==6){
			if($('#look1').css("display")=="block"){
				$('#look1').css("display", "none");
			}
			else{
				$('#look1').css("display", "block");
			}
		}
		else{
			$('#look1').toggle("slow");
		}
		if($('#link1').text()=='подробнее'){
			$('#link1').text('кратко');
		}
		else{
			$('#link1').text('подробнее');
		}
	});
});

Комментарии закрыты

Другие статьи рубрики "Работа с элементами div,table и т.д."