JSFiddle - React, Tailwind, and code Playground

by Yerko Palma

HTML

<fieldset class="select" id="fieldset1">
    <label>From</label>
    <select>
        <option value="1">value1</option>
        <option value="2">value1</option>
        <option value="3">value1</option>
    </select>
</fieldset>

<fieldset class="into">
    <span id="into">&raquo;</span>
</fieldset>

<fieldset class="select" id="fieldset2">
    <label>To</label>
    <select>
        <option value="1">value1</option>
        <option value="2">value1</option>
        <option value="3">value1</option>
    </select>
</fieldset>

JavaScript

$(document).ready(function() {
    $( "#arrow" ).click(function() {
        var obj1=$("#fieldset2").prev();
        var obj2=$("#fieldset2").next();
        $("#fieldset2").before(obj2);
        $("#fieldset2").after(obj1);
    });
})