How to make sidebar ?

Hello!

Im here asking your help, because my coding skills are somewhat limited. (really)

I started using leafletjs.com to create an interactive map. So far so good: with documentation and tutorial, I managed to make the whole map and I placed all the markers (200+) with all names. Very satisfying and visually rewarding! I really like it!

Now I would like to add a sidebar for each makers I made…
To do this, there is an add-on: https://github.com/turbo87/ leaflet-sidebar / (there is also an upgrated version: https://github.com/noerw/leaflet-sidebar-v2 ). But I don’t understand how to use it…

Do I have to make a sidebar for each marker? Or is there only one sidebar and the content is dynamic? How? I have a lot of text for each marker, maybe it is better to create external pages?

This easy and easy example I’m using.
http://www.mediafire.com/file/w7trjw953cm7fiu/index.html/file

Im getting mad!

If it’s not too much trouble, if someone wants to waste some time, or give me some advice, thanks!

The page I need help with: [log in to see the link]