Доброго дня. Есть два два выпадающих списка, и не могу разобраться как сделать, чтобы при нажатии на один, закрывался другой список.
$(function(){
$('.selected').click(function(){
$('.option-list').slideToggle(200);
$('.select').toggleClass('select-active');
});
$('.option').click(function(){
select_val = $(this).attr('data-select-val');
select_div = $(this).parent().parent();
$(select_div).children('.selected').html($(this).html());
$(select_div).children('input').val(select_val);
$('.option-list').slideToggle(200);
$('.select').toggleClass('select-active');
});
});
$(function(){
$('.selected-two').click(function(){
$('.option-list-two').slideToggle(200);
$('.select-two').toggleClass('select-active-two');
});
$('.option-two').click(function(){
select_val = $(this).attr('data-select-val');
select_div = $(this).parent().parent();
$(select_div).children('.selected-two').html($(this).html());
$(select_div).children('input').val(select_val);
$('.option-list-two').slideToggle(200);
$('.select-two').toggleClass('select-active');
});
});