(function(){
var mainList = document.querySelector('.main__list');
mainList.addEventListener('click', function (e) {
var target = e.target;
if(target.tagName != 'A') {
return;
}
if (screen.availWidth < 1000) {
e.preventDefault();
toggleText(target);
toggleTitle(target);
toggleLink(target);
var liItem = link.parentNode.parentNode,
textItem = liItem.querySelector('.main__item-text');
}
});
function toggleText(link) {
var liItem = link.parentNode.parentNode,
textItem = liItem.querySelector('.main__item-text');
textItem.classList.toggle('main__item--open');
};
function toggleTitle(link) {
var liItem = link.parentNode.parentNode,
titleItem = liItem.querySelector('.main__item-title, .main__item-title--active');
titleItem.className = (titleItem.className == 'main__item-title' ? 'main__item-title--active' : 'main__item-title');
};
function toggleLink(link) {
var liItem = link.parentNode.parentNode,
textItem = liItem.querySelector('.main__item-text');
var liItem = link.parentNode.parentNode,
titleItem = liItem.querySelector('.main__item-title > a');
var href = titleItem.target.getAttribute('href');
var event = document.createEvent("Event");
event.initEvent("click", false, false);
textItem.dispatchEvent(event) === location.href;
};
})();
Подскажите, как назначить блоку событие и присвоить ссылку?
В function toggleLink(link) - попытался это сделать, но не работает.
Желательно не на jQuery.