Wymiana zawartości DIV'a czy wymiana całego DIV'a

Witam,

W jednym miejscu na stronie muszę wyświetlać informacje zależne od określonego wyboru użytkownika. Informacje i ich układ będą skrajnie inne. Jedyna współna cecha to rozmiar DIV'a do którego sa wstawiane. Takich "setów" informacji będzie ok 10.
Nie mam doświadczenia w javascript, dlatego mam pytanie:
Czy lepiej będzie to zrobić na jednym DIV'ie i dynamicznie (javascript) wymieniać jego zawartość, czy raczej zrobić odpowiednią ilość DIV'ów ze stałymi informacjami i w razie potrezby je (DIV'y) przesłaniać?

Które rozwiązanie będzie wygodniejsze do obsługi i utrzymania?

Z góry dziękuję za sugestie.

Raczej zrób dla każdego przypadku osobny plik i ładuj dynamicznie - inaczej niepotrzebnie przesyłasz użytkowikowi treść, do której pewnie nie zajrzy. Vhyba, że to jakieś pierdółki to ujdzie opcja pierwsza.

Czy lepiej będzie to zrobić na jednym DIV'ie i dynamicznie (javascript) wymieniać jego zawartość, czy raczej zrobić
odpowiednią ilość DIV'ów ze stałymi informacjami i w razie potrezby je (DIV'y) przesłaniać?

To zależy. Czy będziesz przechowywać jakiś stan? (np. formularze z checkboxami, pola tekstowe). Jeśli tak, to rozważyłbym chowanie , zamiast usuwania (czyli, że zrobić odpowiednią ilość DIV'ów ze stałymi informacjami i w razie potrezby je (DIV'y) przesłaniać? ). Z drugiej strony zapewne można by wskazać sytuacje, gdzie takie coś byłoby nie wskazane (np. jeśli tych divów byłoby za dużo - jeśli miałbyś tworzyć 1000 ukrytych divów, to lepiej tego nie robić, a wyświetlać tylko 1).

Jeszcze mógłbyś też skorzystać z pewnej abstrakcji na DOM (np. z React itp.), wtedy wygladałoby to trochę inaczej (bo nie tworzyłbyś divów, a jedynie wirtualne divy).