Move Content Back And Forth With jQuery
Written by Saran on May 5, 2012, Updated October 12, 2015JQUERY
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
<script type="text/javascript">
$("#toggle-button").click(function() {
var sourceElement = $('#source-div'); //Source Div Element
var destinationElement = $('#dest-div'); //Destination Div element
var contentToMove = $('#content-div'); //Content Div Element to move
var SourceDivEmpty = sourceElement.is(":empty"); //returns true if element is empty
if(SourceDivEmpty) //return true if source element is empty
{
contentToMove.appendTo(sourceElement);
destinationElement.empty();
}else{
contentToMove.appendTo(destinationElement);
sourceElement.empty();
}
});
</script>HTML
- 1
- 2
- 3
- 4
- 5
- 6
- 7
<button id="toggle-button">Toggle</button>
<div id="source-div">
<span id="content-div">
Det finnes mange ulike varianter av Lorem Ipsum.
</span>
</div>
<div id="dest-div"></div>Demo
