Расширяемая таблица с кнопками ⇐ Html

[Anonymous]

Я стремлюсь спроектировать расширяемое содержимое. Следующие CSS + HTML отображают скрытые элементы списка при щелчке текстовой части: < /p>

css: < /p>

#droplist, .show {display: none; }
.hide:focus + .show {display: inline; }
.hide:focus { display: none; }
.hide:focus ~ #droplist { display:block; }
< /code>

html: < /p>


1. Stuff [+] [-]

• 1.1 Object 1
• 1.2 Object 2

< /code>

Этот список, однако, ограничен одним гнездом; Если бы я расширился дальше от объекта 2, мне нужно было добавить дополнительные положения. < /p>

Приведенный ниже код не может вызвать раскрытие: < /p>

• 1. Stuff [+] [-]
• 1.1 Object 1
• 1.2 Object 2

< /code>

Как мне сохранить формат списка при сохранении функциональной кнопки «кнопка»? Jsfiddle: http://jsfiddle.net/n79np/463/

справка оценена.

Подробнее здесь: https://stackoverflow.com/questions/519 ... th-buttons