<ul class="main-list">
<li > Очень низкие ЦЕНЫ!
<div id="liSvert1" > Это скрытый текст</div> </li>
<li >Огромный выбор</li>
<li >Высокое качество товаров</li>
<li >Наличие товаров, которых нет в вашем городе</li>
</ul>
Под каждым тегом "ЛИ" будет текст, который должен свернуться и развернуться при нажатии на элемент тега.
Знаю как сделать, если каждому тегу присвоить id , и в скрипте прописать все id и работать с каждым.
Можно ли это как то автоматизировать?
Чтобы например каждый дочерний элемент под "Ли" скрывался, раскрывался или т.п.?