is it possible to change the position of a div? For example
When a user checks a checkbox a certain div will appear. If all checkboxed are checked the results look something like this.
Id' like to be able to then change the above order if need to be. to something like this
aaa
ccc
eee
ddd
fff
bbb
Is this possible?
Code:
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('a', this.checked);"></td>
<td rowspan="7">
<div id="background" style="background-color:cccccc;width:100;">
<div id="a" style="display:none;">aaa<br></div>
<div id="b" style="display:none;">bbb<br></div>
<div id="c" style="display:none;">ccc<br></div>
<div id="d" style="display:none;">ddd<br></div>
<div id="e" style="display:none;">eee<br></div>
<div id="f" style="display:none;">fff<br></div>
</div>
</td>
</tr>
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('b', this.checked);"></td>
</tr>
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('c', this.checked);"></td>
</tr>
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('d', this.checked);"></td>
</tr>
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('e', this.checked);"></td>
</tr>
<tr>
<td>Field1 <input type="checkbox" name="test" value="1" onclick="toggleDiv('f', this.checked);"></td>
</tr>
When a user checks a checkbox a certain div will appear. If all checkboxed are checked the results look something like this.
Code:
aaa
bbb
ccc
ddd
eee
fff
Id' like to be able to then change the above order if need to be. to something like this
aaa
ccc
eee
ddd
fff
bbb
Is this possible?