Добрый день уважаемые эксперты! Подскажите пожалуйста, Как в JS при помощи функции show и события onclick зациклить показ 8-ми div'ов, чтобы с появлением следующего исчезал предыдущий? Спасибо!

Добрый день уважаемые эксперты! Нахожусь в процессе изучения JS, и вот возник вопрос, ответа на который я, к своему глубокому сожалению, не смог найти на просторах интернета. Имеется простенький скрипт, который при событии onclick показывает поочерёдно div1 и div2 в зацикленном виде, причём появление следующего div'а убирает предыдущий. Не могли бы вы подсказать, как можно увеличить количество div'ов, которые также при событии onclick показывались бы поочерёдно от первого к последнему, чтобы последующий убирал предыдущий(т.е. чтобы единовременно был виден только один div), а затем возвращались бы к первому и так зациклено. (div1-div2-div3-dv4-div5-div6-div7-div8-div1-div2… и т.д.). Вот так выглядит код на данный момент: <script> show.visible = '1'; show.hidden = '2'; function show(){ show.hidden = show.visible; show.visible = (show.visible === '1')?'2':'1'; document.getElementById(show.visible).style.display = 'block'; document.getElementById(show.hidden).style.display = 'none'; } </script> <a href="#" onClick=«show();»>показать/скрыть</a> <div id=«1» style=«display:block»> Скрытый текст1 </div> <div id=«2» style=«display:none»> Скрытый текст2 </div>
Заранее вам очень благодарен!

Лучший ответ по мнению автора

09.06.16
Лучший ответ по мнению автора
Рекомендуем личную консультацию

Виталий

C++, C#, Delphi, PHP, Java, JavaScript, Visual Basic, консультации по web-разработке, удаленная помощь. Дорого, профессионально и качественно. На вопросы про проблемы с играми, железом и настройкой системы не отвечаю! На сайте постоянно не сижу, поэтому с Узнать подробнее
Посмотреть всех экспертов из раздела Технологии > JavaScript,Ajax,HTML