Объектно-ориентированная реализация связи dom-элемента и javascript-объекта
Столкнулся со следующей проблемой: нужно разработать механизм сворачивания. При клике на ссылке показывается или скрывается блок с контентом. Реализация должна быть объектно-ориентированная, требуется написать класс es6+ или функцию конструктор ~es5, инкапсулирующий в себе работу с dom элементами и событиями. Пример разметки:
<div class="simple-collapse">
<a href="#" class="collapse-control">Control</a>
<div class="collapse-content"></div>
</div>
<script type="text/javascript">
var obSimpleCollapse = new SimpleCollapse(".simple-collapse");
obSimpleCollapse.init();
</script>
|