Jak utworzyć strukture w html, aby po kliknięciu w przycisk show zrobić rozwinięcie (to mi działa), a content(lorem ipsum..), żeby się zaczynał jako nowy div, dzięki czemu wyswietlony "lorem ipsum.." będzie się zaczynac od lewej strony jako niezalezny element i zajmował 100% (to mi nie działa). Na chwilę obecną coś skleciłem, ale to nie dziala jak powinno bo, po kliknieciu w show tekst jest tak jakby w 3 kolumnie, a powinien byc pod "lala" i zajmowac 100% czyli konczyc się pod hidden. Mozliwe, ze zle stosuje znacznik details, summary. Jak byscie to zrobili? Staram się to przedstawić w formie tabelki.
https://codepen.io/olivier-mazur/pen/XWYdKVw
- Rejestracja:ponad 2 lata
- Ostatnio:ponad rok
- Postów:15
0
Angular 
JavaScript edytowany 1x, ostatnio: Riddle
- Rejestracja:prawie 15 lat
- Ostatnio:około 4 godziny
- Lokalizacja:Laska, z Polski
- Postów:10081
0
tabsy123 napisał(a):
Jak utworzyć strukture w html, aby po kliknięciu w przycisk show zrobić rozwinięcie (to mi działa), a content(lorem ipsum..), żeby się zaczynał jako nowy div, dzięki czemu wyswietlony "lorem ipsum.." będzie się zaczynac od lewej strony jako niezalezny element i zajmował 100% (to mi nie działa). Na chwilę obecną coś skleciłem, ale to nie dziala jak powinno bo, po kliknieciu w show tekst jest tak jakby w 3 kolumnie, a powinien byc pod "lala" i zajmowac 100% czyli konczyc się pod hidden. Mozliwe, ze zle stosuje znacznik details, summary. Jak byscie to zrobili? Staram się to przedstawić w formie tabelki.
https://codepen.io/olivier-mazur/pen/XWYdKVw
Nie musisz używać <summary> i <details> pod to, możesz po prostu zrobić same <div> i pokazać je w JS'ie.
Zarejestruj się i dołącz do największej społeczności programistów w Polsce.
Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.
details(przy każdym kliknięciu trzeba zmieniać atrybutopennp. przez https://developer.mozilla.org/en-US/docs/Web/API/Element/toggleAttribute)