Как показать/скрыть блок div ?

Для тех кто, программирует пригодится javascript. С его помощью можо настроить отображение/ скрытие нужного блока. Очень удобно, данный скрипт использую в админке новой версии SVoter.

Пример:

<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
div.hiddenn {
	display: none;
}
</style>
<script type="text/javascript">
function showhide(x) {
	var o=document.getElementById(x)
	o.style.display=(o.style.display=="block")? 'none': 'block'
}
</script></head>
<body>
<h1 onclick="showhide('d1')">Показать блок/ скрыть блок</h1>
<div class="hiddenn" id="d1">
Здесь текст, который нужно отобразить или скрыть
</div>
</body>
</html>

P.S. Прочитал последний пост Тормоза . Тормоз честно говоря, очень жаль, что ты хочешь завязать с разработкой скрипов и так все бросить, на мой взгляд это достаточно необдуманно. Да, возможно, тебе кто-то сует палки в колеса, но такие люди всегда были, есть и будут. И если ты уходишь — значит ты проиграл маленькую холодную войну. Советую еще раз, все взвесить и сделать правильные выводы. И еще лучше отдохнуть недельку, сходить на природу, пожарить шашлыков, побыть с семьей. В такой обстановке, ты понимаешь, что самое ценное, что у тебя есть это твоя семья, твои родные. И работа это всего лишь работа, и не стоит туда уходить с головой.

Как говорил, один психолог, представьте, что вы в изолированном отсеке и все что происходит вокруг никак не повлияет на Вашу жизнь. Советую применить этот совет на практике и переступить себя и свои эмоции.

P.S.
Бакалов написал как правильно настраивать цвета рекламных блоков Google AdSence.

Javascript
Комментарии 2

Понравилась статья?

Подписка на обновления блога через RSS ленту или по электронной почте, а так же следуй за мной .

RotaPost - Эффективная реклама в блогах

Ваш комментарий

  1. SprytIdenticon Spryt — 15.05.2011 - 05:51

    Если же есть jQuery, и хочется чуть более красиво оформить визуально, можно использовать вот такой код (квадратные скобки заменить на теги естессно):


    [a href="#" onclick="$('div#d1').slideToggle('fast');"]показать/скрыть блок[/a]

    Там еще другие функции есть, просто toggle/hide, настройка скорости анимации и т.д.
    Я тоже использую подобный код, как ты написал, в топчане) Сейчас просто разбираюсь с js-библиотеками, приходится переводить все километры чистого яваскрипта в пару строк на jquery (иногда не совсем удачно правда).

    [Ответить]

  2. Подключаем смс оплату к CMS TestMaker | Блог PHP программиста | php скрипты | скрипт human emulator | компоненты 1С-Битрикс | скрипты 1c-Bitrix — 02.01.2012 - 22:48

    [...] Все. Скрипт смс обработчика подключен! При желании информатор стоимости смс сообщения можно запихнуть в слайдер. [...]

О блоге

Здравствуйте! Меня зовут Михаил.Раньше я называл себя Новороссийским бомжем, но решил немного отойти от этого. Теперь мой блог - это Блог PHP программиста. Я уже 3 года занимаюсь PHP программированием. С недавнего времени создаю и продвигаю web сайты. Среди собственных разработок — самописная CMS, работающая на файлах, CMS для создания online тестов и т.д.

Подробнее о блоге

Связаться со мной