У меня есть файл 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
