JSFiddle - React, Tailwind, and code Playground

HTML

<select class="wpp_search_select_field_location">
    <option value="Marbella">Marbella</option>
    <option value="Costa Del Sol West"> Costa Del Sol West</option>
</select>

<ul class="seach_attribute_marbella_areas">
    <li><input type="checkbox" value="option1" name="option1"/>Option 1</li>
    <li><input type="checkbox" value="option2" name="option2"/>Option 2</li>
    <li><input type="checkbox" value="option3" name="option3"/>Option 3</li>
</ul>

<ul class="seach_attribute_costa_del_sol_west">
    <li><input type="checkbox" value="option4" name="option4"/>Option 4</li>
    <li><input type="checkbox" value="option5" name="option5"/>Option 5</li>
    <li><input type="checkbox" value="option6" name="option6"/>Option 6</li>
</ul>

JavaScript

$(document).ready(function() {
    var $value1 = $('.seach_attribute_marbella_areas').hide();
    var $value2 = $('.seach_attribute_costa_del_sol_west').hide();

    $('.wpp_search_select_field_location').change(function() {         
        var selectedValue = $(this).val();
        
        if(selectedValue  === 'Marbella') {
			$value1.show();
            $value2.hide();
        } else if (selectedValue === 'Costa Del Sol West') {
			$value1.hide();
            $value2.show();
        } else {
			$value1.hide();
            $value2.hide();
        }
    });
});