Szukam sposobu by wyświetlić zawartość div'a na ekranie po kliknięciu nagłówka.
Szukałem możliwości utworzenia id na podstawie
var li = document.getElementsByClassName("li_in_nav");
Array.prototype.forEach.call(li, function(idLi, indexLi, arrLi)
{
idLi.addEventListener("click", open);
function open()
{
var classes = document.getElementsByClassName("text");
var b = [].map.call(classes, function(el) { return el.id; });
console.log(b)
b[indexLi].style.display = 'inline';
}
});
});
Szukałem możliwości sklejenia id ale nic takiego nie znalazłem.Np:
while(x<5) //while zastępuje obecny wyżej forEach
{
e+x.style.display = 'inline';
//"e" czyli początek od id tekstu
}
<li class="li_in_nav">Dire Straits - Brothers in Arms</li>
<li class="li_in_nav">Queen - Bohemian Rhapsody</li>
<div id="e1" class="text">Dire Straits </div>
<div id="e1" class="text">Queen </div>