I'm trying to create a **on/off** button with two buttons. Both are set inline.

When button1 "Return" is active/On a lightblue color will show. If you click on the other button, this one goes into the lightblue mode and the other stays white. 

Have tried to create a jsfiddle so you can see what i got.

[JSfiddle](https://jsfiddle.net/pixeldk/gn6k1zm7/)

**Code**

```
<div class="bookingbox">
        <form>
            <div class="col-sm-12">

                <div class="form-group">
                    <button type="button" class="return-btn">RETURN</button>
                    <button type="button" class="oneway-btn">ONE WAY</button>
                </div>

                <div class="form-group">
                    <label for="OutwardLabel">label1</label>
                    <select id="Dropdown">
                        <option>Country</option>
                        <option>Country</option>
                        <option>Country</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="ReturnLabel">label2</label>
                    <select id="Dropdown">
                        <option>Country</option>
                        <option>Country</option>
                        <option>Country</option>
                    </select>
                </div>
            </div>
        </form>

    </div>

```

My problem is that i can't seem to make them active where the color stays... it only shows when i click with the mouse. If i release the mouse again, it's back to white. 

The point is when you activate the "one way" button, the last dropdownbox should be disabled.. I'm thinking that javascript can do it.

Thx