How can i show (toggle) different divs in one modal? Let me explain:
- when i click on "show me more" i wanna trigger modal (and its working in my case)
- next, i close it (it works)
- i wanna trigger modal again but on different div and offcourse i want this div to be in modal again (now thats where i got stuck at).

Below its snippet of my code...

HTML:

```
<div id="modal" class="modal">
                    <div class="modal-content">
                        <span class="close-button">×</span>
                        <div id="wrapper" class="modified">
                        <!-- Main -->
                            <section>
                                <div class="inner">
                                    <h1 class="major">DJ ZA POROKE</h1>
                                    <p align="justify">some text</p>
                                    <p align="justify">some text</p>

                                </div>
                            </section>

                        </div>
                    </div>
                </div>

```

JS:

```
var modal = document.querySelector(".modal");
        var trigger1 = document.querySelector(".trigger1");
        var closeButton = document.querySelector(".close-button");

        function toggleModal() {
            modal.classList.toggle("show-modal");
        }

        function windowOnClick(event) {
            if (event.target === modal) {
                toggleModal();
            }
        }
        trigger1.addEventListener("click", toggleModal);
        closeButton.addEventListener("click", toggleModal);
        window.addEventListener("click", windowOnClick);

```

And lets say i trigger it like:

```
<div class="middle">
<div class="text trigger"><a href="#modal">Show me more..</a></div>

```

Thanks for your help.
Regards.