DirectionToggle

< button type="button" class="btn btn-default btn-lg" style="margin-top:10px;" onclick="DirectionToggle('textarea')" >
< i class="fa fa-caret-left" > < /i > < i class="fa fa-paragraph" > < /i > < i class="fa fa-caret-right" > < /i > < /button >



< script >
function DirectionToggle(cntrl) {
    var dii = document.getElementById(cntrl).style.direction;
    if (dii== "rtl")
        document.getElementById(cntrl).style.direction = "ltr"
    else
        document.getElementById(cntrl).style.direction = "rtl"
    ;
    /* or we can use jquery, like this */
    /* $("#IngBody2").css("direction", "rtl"); */
}
< / script >





Older version, just in case
< script >
function IngDirSwitch1() {
    var dii = document.getElementById("IngBody1").style.direction;
    if (dii== "rtl")
        document.getElementById("IngBody1").style.direction = "ltr"
    else
        document.getElementById("IngBody1").style.direction = "rtl"
    ;
    /* or we can use jquery, like this */
    /* $("#IngBody2").css("direction", "rtl"); */
}
function IngDirSwitch2() {
    var dii = document.getElementById("IngBody2").style.direction;
    if (dii== "rtl")
        document.getElementById("IngBody2").style.direction = "ltr"
    else
        document.getElementById("IngBody2").style.direction = "rtl"
    ;
}
< / script >