How to show and hide two different selects list?

How to show and hide two different selects list?

Hi!

I want to show a price list if the user click on "SELLING", and hide the other prices. And if the user select "RENTING", hide the other prices. Now I can see both prices on the screen. I would like to always hide one of 

 
I have this code:


<script type="text/javascript">

jQuery(document).ready(function(){
jQuery("select[name='filter_budget_min'],[name='filter_budget_min_sell']").on("change", function() {
    if (jQuery("select[name='filter_transaction_type']").val() == 'RENTING'){

$("select[name='filter_budget_min_sell']").attr("disabled','disabled").css("display","none");
switch(jQuery("select[name='filter_budget_min']").val()){
case '0': jQuery("input[name='filter_budget_max']").val('600');
break;
case '600':  jQuery("input[name='filter_budget_max']").val('800');
break;
case '800':  jQuery("input[name='filter_budget_max']").val('1000');
break;
case '1000':  jQuery("input[name='filter_budget_max']").val('999999');
break;
};
} else{
if (jQuery("select[name='filter_transaction_type']").val() == 'SELLING'){
$("select[name='filter_budget_min']").removeAttr("disabled","disabled").css("display","inline");
switch(jQuery("select[name='filter_budget_min_sell']").val()){
case '0': jQuery("input[name='filter_budget_max_sell']").val('150000');
break;
case '150000':  jQuery("input[name='filter_budget_max_sell']").val('200000');
break;
case '200000':  jQuery("input[name='filter_budget_max_sell']").val('300000');
break;
case '300000':  jQuery("input[name='filter_budget_max_sell']").val('400000');
break;
case '400000':  jQuery("input[name='filter_budget_max_sell']").val('900000000');
break;
};
}}
});
});
</script>


What is in red it's not working, any idea how to hide and show prices? 


thanks, 

Anna.