Witam. Mam poniższy skrypt który służy mi do otwierania podrzędnych divów po nakliknieciu:
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function() {
var more = document.getElementById('more-option1');
more.addEventListener('click', function(e) {
e.preventDefault();
document.querySelectorAll('#match2-add1, #match2-add2, #match2-add3, #match2-add4').forEach(function(i,v) {
i.classList.toggle('show');
});
})
});
</script>
I wszystkim "selektorom" w każdym divie musze zmieniać nazwe gdyż każdy div to inny mecz i ma inne podrzędne divy.
Nie ukrywam że tych meczy jest od groma, i średnio mi sie widzi dla każdego podrzędnego diva ustalać nazwę i do tej każdej unikatowej nazwy dodawać CSS.
Jedynie ID meczu będzie zastąpione na zmienną "match<php echo'$match'>-add1". W jaki sposób można to uprościć ?
a propos tego skryptu mam jeszcze jedno pytanie, da sie go jakoś przerobić tak żeby po kliknięciu na ikonę wyświetlało sie okienko ale nie w nowej karcie tylko tak jakby nadrzędne nad obecną treścią, i podczas gdy to okienko jest otwarte klikniecie poza jego obszarem wychodzi z niego.
Z góry dzięki