Сообщение от рони
|
нет
|
Короче, проще говоря, нужно чтобы
<div id="selmimg"><img src=""></div>
скрывался когда происходит click на input.
<div class="button-inline"><input class="button-type-pr" checked="checked" id="j-vert" name="vidjalusi" type="radio" value="1">
<label for="j-vert">Вертикальные</label></div>
<div class="button-inline"><input class="button-type-pr" id="j-horiz" name="vidjalusi" type="radio" value="2">
<label for="j-horiz">Горизонтальные</label></div>
</div>
<div id="skritt4" class="max_jaluzi"><img class="eck" src="http://l-c.by/d/402010/d/image_mask_vertical.png" alt=""></div>
<div id="skritt5" class="max_jaluzi"><img class="eck" src="http://l-c.by/d/402010/d/image_mask_horizontal.png" alt=""></div>
<div class="blokz"><div class="demoz"></div></div>
<div class="eck" id="selmimg"><img src=""></div>
<select class="material-select" id="plklk"><option value="7">16мм Алюминиевые</option><option value="8">25мм Алюминиевые</option><option data-path="http://l-c.by/d/402010/d/image_mask_vertical.png" value="9">50мм Алюминиевые</option><option value="10">25мм Деревянные </option><option value="11">50мм Деревянные </option><option value="12">ISOTRA</option></select>
Вот такой код скрывает его, но при клике на option уже не показывает картинку, т.к остаётся display:none.
$(function(){
var max = $(".max_jaluzi").hide(), inp = $("input[name='vidjalusi']");
inp.click(function() {
var indx = inp.index(this);
max.hide().eq(indx).show();
$("#selmimg").hide();
}).filter(':checked').click();
});
$(document).ready(function(){
$('#plklk').change(function(){
$(".max_jaluzi").hide();
$('#selmimg').find('img:first').attr('src', $('#plklk option:selected').attr('data-path'));
});
});