Na stronie ma się wyświetlać lista. Po wybraniu jakiegoś elementu listy powinny się wyświetlić dodatkowe informacje. W jaki sposób to zrealizować? Czy zrobić gotowy element z własnością display równą "none" i po kliknięciu zmienić ją na np.: "block"? Czy może wykorzystać do tego metody DOM i używać między innymi: createElement(), appendChild()? Dlaczego polecany sposób jest lepszy?
Bardziej wolisz css
czy js
? css
-> sposób z "none", js
-> drugi sposób.
Te dodatkowe informacje, które trzeba wyświetlić, zmieniają się w czasie czy są stałe po załadowaniu strony? statyczne -> sposób z "none", dynamiczne -> drugi sposób
To jakieś zadanie na zajęcia? Bo ostatnie zdanie wygląda jakbyś chciał byśmy za Ciebie znaleźli rozwiązania, przetestowali je i wyciągnęli wnioski.
To nie jest zadanie na zajęcia. Amatorsko robię w domu automatyczne sterowanie zasilaniem 230V w oparciu o Raspberry Pi. Dodatkowe informacje są pobierane za pomocą AJAX z bazy danych. Powinienem poradzić sobie z jedną i drugą metodą w mojej aplikacji. A pytam się z czystej ciekawości co jest bardziej wydajne. Czy są jakieś wady i zalety stosowania tej czy innej metody, bo jak już coś robić, to robić to dobrze.
Jak możesz to rób pierwszym sposobem. Tak szybciej to zaimplementujesz i w przyszłości zmienisz/poprawisz. Ajaxem uaktualniaj jedynie dane które się zmieniają: sam tekst, dane liczbowe.