neznajkaОго, тут баталии разгорелись! Даже и не предполагал :)
В любом случае - спасибо всем за участливое отношение. И простите, что задержался с ответом - отсыпался после ночных "поединков" с непостижимой логикой синтаксиса JS :)
Да, мне пригодятся изложенные тут способы решения (отдельное спасибо skyANA), но правильно заметил и вадя: я не достаточно чётко изложил цель своего вопроса.
Исправляюсь - прилагаю тестовый упрощённый вариант своих файлов: это древовидный раскрывающийся список значений, он работает именно так, как мне и нужно - в каждый момент времени может быть открытой лишь ОДНА подгруппа.
Код за основу взял отсюда и усовершенствовал для отображения лишь одной подгруппы. Обозначу этот вариант дерева как вариант №1 .
Я просто хочу его ещё усовершенствовать, чтобы каждая подгруппа открывалась плавно. Как в этом варианте №2 (ближе к середине страницы, где дерево с пунктами "Программирование", "Верстка", "Дизайн"...). Сам этот вариант №2 с последней ссылки мне не удалось поместить в свой DIV: этот DIV у меня изначально скрытый (display: none), а когда я включаю его видимость (display: block), то вложенное в него дерево из варианта №2 становится сразу раскрытым во всех узлах :(
Поэтому я от варианта №2 отказался, и решил адаптировать под себя именно вариант №1.
И мне осталось лишь снабдить его плавностью раскрытия-закрытия. Вот и вся преамбула к моему вопросу в начале темы. Извините, если слишком запутанно изложил.

http://www.sql.ru/forum/actualfile.aspx?id=19887776] Приложенный файл (variant1.zip - 8Kb)
Рассуждения вади вообще не об этом. Не путайтесь.

По сути Ваша проблема сводится к тому, как реализовать простую анимацию. Вам сюда: https://learn.javascript.ru/animation
Посмотрите там сначала на то, как сделать это средствами CSS.

вадяИзопропил,
потому как есть стандартный цикл
логически понятный и обоснованный, а ему на замену предлагается искусственный цикл.
Вот ты мне скажи, если ты изначально думал о sleep и при этом ты знаешь "базу", то зачем ты Promise предложил?
Это же прост способ организации асинхронного кода.
Внутри может быть как setTimeout, так и вызов сервера. Или другой асинхронный процесс.

Разве что синхронный ajax запрос в него засунуть :) Но его можно и без Promise использовать.

neznajka, кстати можете ведь на исходники jQuery посмотреть: https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js

Поищите по slideDown и Generate parameters to create a standard animation .

вадяавторВот ты мне скажи, если ты изначально думал о sleep и при этом ты знаешь "базу", то зачем ты Promise предложил?
на stackoverflow был вопрос о загрузке картинок с локального диска на текущую страницу (не на сервер), но там стояла проблема несколько иначе - нужно было соотнести имя загружаемого файла и его содержимое. там решили именно через промисы.
в моём коде нет такого соответствия, мне это и не требуется. я с промисами ещё не сталкивался, поэтому предложил ТС поробоать - и поделиться результатом.
если есть опыт работы с промисами - поделись в применении к моей проблеме.То есть ты предложил попробовать Promise, потому как на Stackoverflow через них решили совершенно другую задачу, при этом сам их даже и не пробовал.
Что тут сказать? Жжешь :)

Я так могу Web Workers предложить. Недавно со мной поделились реальными кейсами их использования. Пусть и ТС попробует :)

вадяавторЭто же прост способ организации асинхронного кода.
Внутри может быть как setTimeout, так и вызов сервера. Или другой асинхронный процесс.

Разве что синхронный ajax запрос в него засунуть :) Но его можно и без Promise использоват
причём здесь база и ajax?Какая ещё база? Ты же захотел блокировать выполнение, верно? Вот синхронные запросы как раз это и делают. Не знал?

вадяавторэто не проблема, это решение, причём стандартное.
раз другого решения нет - переходит в "стандартное" :)
но по сути: замена стандартного цикла на что-то его заменяющее...
и, к сожалению, в моём случае это не подходит...На мой взгляд было бы лучше, если бы ты оформил свою проблему отдельным топиком, где детально её описал. Вместо пустых рассуждений.

Изопропилвадяи, к сожалению, в моём случае это не подходит...
случай - в студию
В отдельный топик! :)

neznajkaskyANA,
Помогите ещё разобраться, пожалуйста - я переделал свой js-файл, применив Вашу функцию loop, но узлы дерева раскрываются либо рывками, либо вообще НЕплавно :(
Видимо, тут нужна какая-то строгая привязка к моменту времени запуска функции и измерение прошедшего с этого момента временного интервала перед каждой установкой display: block.
Или я как-то коряво/неправильно применил предложенный Вами код. Посмотрите, пожалуйста. Файлы прилагаю (изменён лишь js-файл, остальные 2 - те же самые)

http://www.sql.ru/forum/actualfile.aspx?id=19890664] Приложенный файл (test_tree3.rar - 2Kb)
Да уж, ну и код Вы навернули :) Я бы переписал на фиг, но...

Вот поправил: http://plnkr.co/edit/sqd4FlnpvtyrVf8yunxz?p=preview