JQuery show/hide checkbox list by Select Option Changes

JQuery show/hide checkbox list by Select Option Changes

HTML

<!-- List below -->

<div name="travelOptionList">
    
    
    <div data-custom-type="00">
        <input type="checkbox" name="travelOption" id="trv_0000" value="0000" /> <label for="trv_0000">All</label>
    </div>
    <div data-custom-type="05">
        <input type="checkbox" name="travelOption" id="trv_0010" value="0010" /> <label for="trv_0010">Hotel</label>
    </div>
    <div data-custom-type="08">
        <input type="checkbox" name="travelOption" id="trv_0020" value="0020" /> <label for="trv_0020">Other Options</label>
    </div>   
</div>

JavaScript

$('#travel-settings').change(function(){
    var sel = $(this).val();
    $('div[name="travelOptionList"] div').hide();
    if(sel != "00"){
       $('div[data-custom-type="'+sel+'"]').show();
    }
    else {
        $('div[name="travelOptionList"] div').show();
    }
    
});