How to swap two div using jquery

Question

Hi Developers , I need swap div's on my aspx web form I am struggling on swap div's using jquery. if anyone know kindly suggest me to do that. Thanking you Paul.S

Rijwan Ansari · Answer

You can swap on div click as well. Sample "text/javascript" > function swapDiv( event , elem) { elem.parentNode.insertBefore(elem, elem.parentNode.firstChild); } "container" > "swapDiv(event,this);" >Test 1 "swapDiv(event,this);" >Test 2

Sachin Singh · Answer

please explain what do you mean by swap? otherwise , here you go "div1" > I am div1! "div2" > I am div2! Swap box! $( "button" ).click(function(){ var val1 = $( '#div1' ).html(), val2 = $( '#div2' ).html(); $( '#div1' ).html(val2); $( '#div2' ).html(val1); });

Amit Kumar · Answer

Hi, Use this below link. It is live example. https://jsfiddle.net/ARTsinn/TVjnr/ http://biostall.com/demos/swap-and-reorder-divs-smoothly-using-jquery/

Yogeshkumar Hadiya · Answer

Are you trying to make tab like page ? Like two tab login and sign up. When click in login show login form below and when click on sign up show sign up form.

Kiran Mohanty · Answer

Hi, If you are trying to display two different divs based on some condition , then here you go. div id = "divA" class = "hide" > div A div > div id = "divB" class = "hide" > div B div > $("button").click(function(){ var val1 = $('#div1').html(), val2 = $('#div2').html(); $('#div1').html(val2); $('#div2').html(val1); }); function someFunc(){ if(condition){ $("#divA").show(); $("#divB").hide(); } else { $("#divA").hide(); $("#divB").show(); } }