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.
<ul id="list">
  <li id="id-1">1. elem</li>
  <li id="id-2">2. elem</li>
  <li id="id-3">3. elem</li>
  <li id="id-4">4. elem</li>
  <li id="id-5">5. elem</li>
</ul>
var list = document.getElementById('list')
  , toMove = document.getElementById('id-1')

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 :)