JSFiddle - React, Tailwind, and code Playground

by Bongs

HTML

<div id="d1">
    <div id="d2">
    </div>
</div>

CSS

#d1
{
    width:152px;
    height:102px;
    border:1px solid red;
    position:relative;
}
#d2
{
    width:132px;
    height:100px;
    border:1px solid green;
    float:left;
}

JavaScript

$("#d1").live("click", function() {
    var f = $("#d2").css("float");
    if (f == "left")
        $("#d2").css("float","right");
else
    $("#d2").css("float","left");
    });