Доброй ночи, друзья. Помогите пожалуйста разобраться с тем как реализовать следующий функционал при помощи bootstrap-select фреймворка.
Задумка такова: при клике на какой-либо select элемент, чуть ниже итема открывается дополнительное дерево повторяющие название кликнутого элемента, но с дополнительными опциями на выбор.
При повторном клике на тот же элемент ветка скрывается а значение select скрытой ветки удаляются. И так со всеми последующими с возможностью множественного выбора. В общем, что-то на подобии аккордеона но только с опциями в select таблице.
Я тут набросал небольшой примерчик, но так как я с js еще не в панибратских отношениях то как скрывать элемент после повторного клика а так же удалять значения скрытого дерева, я не придумал. Если у вас есть возможность, помогите пожалуйста допилить.
Пример - jsfiddle.net/k0r974b7
Большое спасибо за внимание и потраченное время.