Как отобрать каждый элемент тега <li>

[KamalovRadik]

<ul class="main-list">
					<li > Очень низкие ЦЕНЫ!
                    <div id="liSvert1" > Это скрытый текст</div> </li>
					<li >Огромный выбор</li>
					<li >Высокое качество товаров</li>
					<li >Наличие товаров, которых нет в вашем городе</li>
				
				</ul>

Под каждым тегом "ЛИ" будет текст, который должен свернуться и развернуться при нажатии на элемент тега.
Знаю как сделать, если каждому тегу присвоить id , и в скрипте прописать все id и работать с каждым.
Можно ли это как то автоматизировать?
Чтобы например каждый дочерний элемент под "Ли" скрывался, раскрывался или т.п.?

[Serg_pnz]

Вчера только обсуждалось НЕ получается правильно организовать цикл

[Snipe]

document.getElementsByЕagName еще есть

Оу, не заметил что в jQuery...

[KamalovRadik]

А как сделать чтобы по умолчанию текс который я хочу скрывать/раскрывать был свернут

Использую

$('li').next().hide();

Но при загрузке страницы видно какой там текст, и только после полной загрузки исчезает.

[zebra]

Установить ему свойство display: none через css