Форум Сайтостроение Веб-строительство

Сворачивание/Разворачивание блоков

[Удален]
1110

Здравствуйте, у меня возник вот такой вопрос, есть скрипт

<script type="text/javascript">

function openbox(id){

display = document.getElementById(id).style.display;

if(display=='none'){

document.getElementById(id).style.display='block';

}else{

document.getElementById(id).style.display='none';

}

}

</script>

Используя который сворачиваются и наоборот разворачиваются блоки. Что нужно изменить, чтобы при открытом 1-ом блоке, открывая второй, 1-ый закрывался, а на его месте появлялся второй. Думаю понятно :) Если кто знает помогите. Очень нужно:)

T
На сайте с 20.03.2007
Offline
67
Toy
#1

Если блока всего два:

function openbox(id1,id2){
display1 = document.getElementById(id1).style.display;
if(display1=='none'){
document.getElementById(id2).style.display='none';
document.getElementById(id1).style.display='block';
}else{
document.getElementById(id1).style.display='none';
}
}

да простят меня коллеги за предложение такого метода :D

LEOnidUKG
На сайте с 25.11.2006
Offline
1773
LEOnidUKG
#2

изверги...

function showhide(id,id2){var e=document.getElementById(id);var z=document.getElementById(id2);if( e ) e.style.display="";if( z ) z.style.display="none";}

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
T
На сайте с 20.03.2007
Offline
67
Toy
#3
LEOnidUKG:
изверги...

function showhide(id,id2){var e=document.getElementById(id);var z=document.getElementById(id2);if( e ) e.style.display="";if( z ) z.style.display="none";}

а как в вашем примере свернуть оба блока?

LEOnidUKG
На сайте с 25.11.2006
Offline
1773
LEOnidUKG
#4
Toy:
а как в вашем примере свернуть оба блока?

а зачем?! в ТЗ такого не было... а по если нужно то тут другая функция:

function showhide(id){var e=document.getElementById(id);if( e ) e.style.display = e.style.display ? "" : "none";}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий