По одной задаче мне потребовалось скрыть несколько блоков на HTML странице. Для этих целей я использовал код приведенный ниже, он позволяет скрыть/показать по клику неограниченное количество блоков.
Решение данной задачи, код JS:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<script language="JavaScript1.2"> <!-- var ns6=document.getElementById&&!document.all?1:0 var head="display:''" var folder='' function expandit(curobj){ folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style if (folder.display=="none") folder.display="" else folder.display="none" } //--> </script> |
Решение данной задачи, код HTML:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №1</p> <span style="display:none" style=&{head};> Здесь пишем/вставляем блок текста №1 </span> <p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №2</p> <span style="display:none" style=&{head};> Здесь пишем/вставляем блок текста №2 </span><p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №3</p> <span style="display:none" style=&{head};> Здесь пишем/вставляем блок текста №3 </span><p style="cursor:pointer" onClick="expandit(this)">Показать/скрыть детальную информацию о о блоке текста №4</p> <span style="display:none" style=&{head};> Здесь пишем/вставляем блок текста №4 </span> |
Оставить комментарий
