How to swap two div using jquery

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 Mohanty5y ago

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();
}
}

Sachin Singh5y ago

please explain what do you mean by swap?

otherwise , here you go

"div1">
I am div1!

"div2">

I am div2!

$("button").click(function(){

var val1 = $('#div1').html(),

val2 = $('#div2').html();

$('#div1').html(val2);

$('#div2').html(val1);

});