Здравствуйте уважаемые. Есть код, три input, по нажатию на один из них показывает свой select.
<div class="conteb conteb-hidden" data-okno="4">
<h4>ВЫБОР ВИДА КАРНИЗОВ:</h4>
<div class="cont-radio">
<div class="button-inline"><input class="button-type-pr" checked="checked" id="k-potol" name="vidkarnizov" type="radio" value="1">
<label for="k-potol">Потолочные</label></div>
<div class="button-inline"><input class="button-type-pr" id="k-nasten" name="vidkarnizov" type="radio" value="2">
<label for="k-nasten">Настенные</label></div>
</div>
<select class="material-select" id="tkani-sel"><option value="1">Алюминиевые</option><option value="2">Пластик</option> </select>
<select class="material-select" id="mater-sel" style="display:none"><option selected="selected" value="3">Алюминиевые - 1 ряд</option><option value="4">Алюминиевые - 2 ряда</option><option value="5">Деревянные - 1 ряд</option><option value="6">Деревянные - 2 ряда</option> </select>
var radio_btn_on=$('div.conteb[data-okno=4] input[type="radio"]');
radio_btn_on.click(
function () {
$("div.conteb[data-okno=4]").find("select").prop("disabled",true).hide();
var ch_vib_dis=$(this).val();
console.log('клик'+ch_vib_dis);
if (ch_vib_dis==1) {
$("div.conteb[data-okno=4]").find("select#tkani-sel").prop("disabled",false).show();
} else{
$("div.conteb[data-okno=4]").find("select#mater-sel").prop("disabled",false).show();
};
});
Замысел такой, вместо select'a скрывать div(3 input на 3 div'a). Как не менял код, что-то не получается, может наведёте на мысль.