jQuery appendTo (switching back and forth)
- by Starboy
So what I'm trying to accomplish is a simple appendTo a certain element. The issue I'm having is after execute is run, it appends to the location but then proceed to go back to the ul it resides in.
<script type="text/javascript">
function execute() {
$('#desCopy').appendTo('#description')
$('#imgPlace').appendTo('#IMGbox')
}
</script>
<div id="content" style="background:#000; width:989px;">
<div style="float:left; left:18px; margin:0; width:337px; position:relative; padding:15px 0 0 0; color:#FFF;">
<div id="description">
</div>
</div>
<div
id="IMGbox"
style="float:left; position:relative; display:block; background:#F00; width:652px; height:258px; background:#0FF; overflow:hidden;">
</div>
<div style="float:right; background:#CCC; height:25px; width:652px;">
<ul>
<li><a href="" onclick="execute()">Slide 1</a>
<ul style="">
<li><span id="desCopy">Test description, Test description</span></li>
<li><img src="images/test.jpg" id="imgPlace"></li>
</ul>
</li>
</ul>
</div>
</div>
