JavaScript: Скрытые блоки
Дата последнего изменения: 8 Сентября 2009
Метки статьи: Готовые решения, HTML, JavaScript, © Авторское
Метки статьи: Готовые решения, HTML, JavaScript, © Авторское
Похожие материалы:
ну, как-то так:
1. в стили для "DIV.this_block_is_hidden" добавьте это:
2. вот это:
замените на это:
3. добавьте это:
1. в стили для "DIV.this_block_is_hidden" добавьте это:
overflow: hidden;
2. вот это:
if (child.style.display != 'block') {
child.style.display = 'block';
} else {
child.style.display = 'none';
}
замените на это:
if (child.style.display != 'block') {
openBlock_open(child, 1);
child.style.display = 'block';
child.style.height = '1px';
} else {
openBlock_close(child, 20); // <-- МАКС. ВЫСОТА БЛОКА
child.style.height = '20px'; // <-- МАКС. ВЫСОТА БЛОКА
}
3. добавьте это:
function openBlock_open(el, height) {
height += 1;
el.style.height = height + 'px';
if (height<20) { // <-- ДО КАКОЙ ВЫСОТЫ РАСКРЫВАТЬСЯ
setTimeout(function(){ openBlock_open(el, height); }, 10); // 10 - СКОРОСТЬ РАСКРЫТИЯ
}
}
function openBlock_close(el, height) {
height -= 1;
el.style.height = height + 'px';
if (height>1) {
setTimeout(function(){ openBlock_close(el, height); }, 10); // 10 - СКОРОСТЬ ЗАКРЫТИЯ
} else {
el.style.display = 'none';
}
}
13 Января 2014 (19:04:27)
Илья
(гость)
• ответить
Огромное тебе спасибо Саш. Реально, спасибо. Выручил.
8 Марта 2014 (09:37:47)
Ариан
(гость)
• ответить
Подскажите пожалуйста - как сделать на ява такое событие:
хтмл блок со ссылкой через заданное время скрывается от посетителя страницы и более не доступен ему?
В идеале, хотелось бы, чтобы при обновлении страницы блок уже не показывался.
Спасибо!
хтмл блок со ссылкой через заданное время скрывается от посетителя страницы и более не доступен ему?
В идеале, хотелось бы, чтобы при обновлении страницы блок уже не показывался.
Спасибо!
8 Марта 2014 (09:48:04)
Ариан
(гость)
• ответить
И да, чуть не забыл - нужно какой-нибудь таймер рядом, показывать обратный отсчёт (счёт на минуты)
16 Июня 2014 (12:38:34)
Евгения
(гость)
• ответить
Добрый день! А как сделать чтобы при нажатии на "Нажмите, чтобы раскрыть блок" - эта надпись менялась, например на "Нажмите, чтобы скрыть". А вообще лучше чтобы менялся вид кнопки.До нажатия - один вид, после - другой.
function openBlock(el) {
var kids = el.parentNode.childNodes;
for (var k = 0; k < kids.length; k++) {
var child = kids[k];
if (child && child.className == "this_block_is_hidden" || child && child.className == "this_block_is_hidden-1" || child && child.className == "this_block_is_hidden-2"
if (child.style.display != 'block') {
child.style.display = 'block';
} else {
child.style.display = 'none';
}
}
}
}
</script>
как сделать, что бы плавно открывался? Помоги те плиз. Уже 2 день мучаюсь...