Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > раскрытие при нажатии

Автор: fedottt 6.3.2008, 10:29

ребят, вопрос тупой, но между тем уже не знаю как искать(

суть такова

шапка
базовая часть
кнопка
низ

нажимаем на кнопку и получаем такую структуру:

шапка
базовая часть
кнопка
средняя часть немеряного размера
низ

нужно именно с нажатием. и чтобы по тому же нажатию оно закрывалось взад.
эффекты и подгрузка а также размер скриптов особо не интересуют (проект внутрисетевой, скорости - немерянные)))

Автор: bars80080 6.3.2008, 10:46

еслли просто открытие, то всё реализуется просто:

Код


<style>
#hid { display: none; }
</style>
<script>
function fst() {
    if(document.getElementById('hid').style.display != 'none') {
        document.getElementById('hid').style.display = 'none'; }
    else { document.getElementById('hid').style.display = ''; }}
</script>
<input type="button" value="show" onclick="fst()" />
<div id="hid">скрытая часть
</div>

если плавный эффект, то поищите здесь на форуме, примеров немеряно

или вам с подгрузкой текста? /тогда в аякс/

Автор: fedottt 6.3.2008, 10:55

хм, не пашет однако(
кнопа есть, но нажатие не дает никакого эффекта((

Добавлено через 5 минут и 52 секунды
вопрос решен))
по слову плавный нашел то что надо!
ключевое слово - это самое оно)
пасиба) дальше буду колупать найденное)))

Автор: bars80080 6.3.2008, 11:04

хм, тогда так

Код


<style>
#hid { display: none; }
</style>
<script>
function fst() {
    if(document.getElementById('hid').style.display != 'none') {
        document.getElementById('hid').style.display = 'none'; }
    else { document.getElementById('hid').style.display = 'block'; }}
</script>
<input type="button" value="show" onclick="fst();" />
<div id="hid">ñêðûòàÿ ÷àñòü
</div>

Добавлено через 29 секунд
этот, точно и в ИЕ6 и ФФ и опере

Автор: fedottt 6.3.2008, 11:11

в опере срабатывает после второго нажатия.

взял решение тут: http://forum.vingrad.ru/index.php?showtopic=173179&view=findpost&p=1402901