ugrás a tartalomhoz

Elem sorrend módosítása

alkony4 · 2015. Dec. 3. (Cs), 17.44
Tiszteletem!

Azzal a kérdéssel fordulok hozzátok, hogy létezik e bármilyen elemsorrend módosítási lehetőség akár javascript/jquery vagy css keretein belül?

Van 5 divem, szépen felsorakozva egymás mellett, alatt felett stb... flex ide oda, wrap így úgy és stb.
Jelenleg úgy néz ki a dolog, hogy ezek az elemek (divek) alapból display: none;-on vannak és egy panel segítségével jeleníthetők meg (display: block;)... viszont ez ugye azon sorrendet fogja minden esetbe megjeleníteni, amilyen sorrendbe írtuk a kódot.
Hiába nyitottam fel teszem azt később az 1-es divet mint az 5öst.

Magyarán, van e olyan utasítás ami képes sorrendet manipulálni, törlés és újra hozzáadás nélkül.

Megtisztelő válaszotokat előre is köszönöm.
‹ Segítség - oldalról nyíló div Div szerkezet ›
 ■
1

Beszúrás

Poetro · 2015. Dec. 3. (Cs), 18.27
Ha egy HTML elemet beszúrsz JavaScript-tel, és az már benne van a dokumentumban, akkor azt az elemet áthelyezted, mivel igazából csak a szülőjét változtattad meg.
  1. <ul id="list">  
  2.   <li id="id-1">1. elem</li>  
  3.   <li id="id-2">2. elem</li>  
  4.   <li id="id-3">3. elem</li>  
  5.   <li id="id-4">4. elem</li>  
  6.   <li id="id-5">5. elem</li>  
  7. </ul>  
  1. var list = document.getElementById('list')  
  2.   , toMove = document.getElementById('id-1')  
  3.   
  4. list.appendChild(toMove)  
Ekkor az 1. elem elemed a lista végére kerül.
2

CSS

goldhand88 · 2015. Dec. 6. (V), 14.11
Cssben is tudsz:

Példa
3

Király, köszönöm a válaszokat

alkony4 · 2015. Dec. 10. (Cs), 10.45
Király, köszönöm a válaszokat :)