Показать сообщение отдельно
  #1 (permalink)  
Старый 22.03.2017, 13:15
Аватар для scv
scv scv вне форума
Новичок на форуме
Отправить личное сообщение для scv Посмотреть профиль Найти все сообщения от scv
 
Регистрация: 02.04.2016
Сообщений: 6

Объектно-ориентированная реализация связи 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>
Ответить с цитированием