How to show/hide divs depending on checkbox value via jquery?

Question

JavaScript

I use ToggleButtonGroup - radio in the form of a group of buttons:

<div class="form-group field-realty-deal_type">
    <div class="col-sm-6"><input type="hidden" name="Realty[deal_type]">
        <div data-toggle="buttons" class="btn-group" id="realty-deal_type">
            <label class="btn-default btn"><input type="radio" value="0" name="Realty[deal_type]"> Продать</label>
            <label class="btn-default btn"><input type="radio" value="1" name="Realty[deal_type]"> Сдать</label>
            <label class="btn-default btn"><input type="radio" value="2" name="Realty[deal_type]"> Сдать посуточно</label>
        </div>
    </div>
</div>

Can you please tell me how to hide the other field if the button is pressed and show if the button is not pressed

Another field:
<div class="form-group field-realty-foobar"></div>