Dropdown selector in WS Form must select layers in LayerSlider same form

your textNeed that when a customer selects a product from dropdown selector of the my WS Form, he can see an image of the product in the same form using a window with LayerSlider.

your textMy data:
your textDropdown selector ID = 5277
your textProduct1 = DAA1186
your textProduct2 = DAA1187
your textProduct3 = DAA1189
your textProduct4 = DAA1244
your textLayerslider ID = 10
your textLauer = 1
your textLayer = 2
your textLayer = 3
your textLayer = 4

    jQuery(document).ready(function($) {
    $('#5277').change(function() {
    var selectedValue = $(this).val();
    if (selectedValue === 'DAA1186') {
    layersliderInstance.showSlide(1);   
    else if (selectedValue === 'DAA1187') {
    layersliderInstance.showSlide(2);
    else if (selectedValue === 'DAA1189') {
    layersliderInstance.showSlide(3);
    else if (selectedValue === 'DAA1244') {
    layersliderInstance.showSlide(4); }
    var layersliderInstance = $('#10').layerSlider({     
    });
    });
    }); 

your textIt’s don’t work and I don’t see the error, but the console says something else. The specified value “0)” cannot be parsed, or is out of range. jquery.min js?ver=3.7.1:2.