cara mengganti box

Minta bantuanya temen2.

Saya punya 3 box. <<<<< ukuran yang kesatu width 300px height 250px, yang kedua dan ketiga ukurannya width 100px height 100px. (ada element lainnya didalem box).

Nahh saya pengen ngoper ketika ada yang klik box ke dua atau ketiga. jadi si box itu bertukar posisi (kalo ganti ukuran saya bisa).. soalnya kan ada element didalam box masing2 :)

Sekian. terimakasih sebelumnya tmen2.

avatar silexo69
@silexo69

5 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

2 Jawaban:

hmmm kalo masalah itu sih cuma manipulasi content aja broo, ex:

cobain aja nih script dummy di jsfiddle

html:


<div id="div1">
foo
</div>

<div id="div2">
bar
</div>

css:


div {
  width: 100px;
  height: 100px;
  display: block;
}

#div1{
  background-color: #EE0000;
}

#div2{
  background-color: #EE00EE;
}

js:


$('#div1').on('click', function () {
	var div2 = $('#div2');
  var $this = $(this);

  div2.insertBefore($this);
});

semoga membantu...

avatar apake1
@apake1

106 Kontribusi 55 Poin

Dipost 6 tahun yang lalu

itu pake jquery yah mas?? baru tau ada insertBefores heheh.. mksh om

avatar silexo69
@silexo69

5 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban