HTML -код для реализации складных разделов ⇐ Html

[Anonymous]

У меня есть файл Popup.html, который представляет пользователю множество флажков. Существуют основные разделы, которые я хотел бы создать разделы Expand/Coolapse. Я разработчик Neophyte Web, который знает достаточно, чтобы быть опасным. Я провел большую часть последних 10 часов, пытаясь изменить свой код для решения этой проблемы. Я потерпел неудачу. Я хотел бы некоторую помощь. < /P>
Вот мой текущий код: < /p>




div.top {
width: 250px;
}
div.indent {
margin-left: 20px;
}



Select Games / Expansions / Assets:



G1



G1 OC



G1 OC X1



G1 OC X1 A1


G1 OC X1 A2




G1 OC X2



G1 OC X2 A1


G1 OC X2 A2





G1 UC




G1 UC X1



G1 UC X1 A1


G1 UC X1 A2




G1 UC X2



G1 UC X2 A1


G1 UC X2 A2









< /code>
Этот код приводит к следующему: < /p>
Select Games / Expansions / Assets:

[ ] G1
[ ] G1 OC
[ ] G1 OC X1
[ ] G1 OC X1 A1
[ ] G1 OC X1 A2
[ ] G1 OC X2
[ ] G1 OC X2 A1
[ ] G1 OC X2 A2
[ ] G1 UC
[ ] G1 UC X1
[ ] G1 UC X1 A1
[ ] G1 UC X1 A2
[ ] G1 UC X2
[ ] G1 UC X2 A1
[ ] G1 UC X2 A2
< /code>
То, что я пытаюсь достичь, - это иметь код, который представит пользователь, свернутые в разделах следующим образом: < /p>
[ ] G1
< /code>
Когда пользователь расширяет G1, они увидят: < /p>
[ ] G1
[ ] G1 OC
[ ] G1 UC
< /code>
Если пользователь расширит G1 OC, они увидят < /p>
[ ] G1
[ ] G1 OC
[ ] G1 OC X1
[ ] G1 OC X2
< /code>
Если пользователь расширит G1 OC x1, они увидят < /p>
[ ] G1
[ ] G1 OC
[ ] G1 OC X1
[ ] G1 OC X1 A1
[ ] G1 OC X1 A2
< /code>
и так далее. Очевидно, что функциональность должна была бы расширить и разрушить разделы. На данный момент мне не нужна причудливая камешка, стрелка и т. Д. Я мог бы жить с простой "+" и "-" перед каждым флажком. < /P>
В идеале, код был бы автономным без ссылки на внешние ресурсы. < /p>
Я был бы признателен за любую помощь, которую я мог бы получить. Черт, если бы кто -то мог просто сделать одно из расширений/коллапсов для работы, я уверен, что тогда я мог бы затем изменить остальную часть кода, чтобы работать аналогичным образом. Заранее спасибо за любую предоставленную помощь.

Подробнее здесь: https://stackoverflow.com/questions/694 ... e-sections