Jquery отображение полей в зависимости от значений других полей

[Arroyo]

Использую ToggleButtonGroup - радио в виде группы кнопок:

Код: Выделить всё

<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>
 

Подскажите, пожалуйста, как скрыть другое поле, если кнопка нажата и показать, если не нажата

Другое поле:

Код: Выделить всё

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

[dmg]

Код: Выделить всё

 
 $('#eventuser-full input').on('change', function () {
     console.log(this.value);
     if( this.value == 2)
        $( "#date-range" ).show();
     if( this.value == 1)
        $( "#date-range" ).hide();
   });