У меня есть выпадающий выбор и показать скрыть другие поля (внутри divs) на основе опции, выбранной в раскрывающемся списке.

Этот код работает нормально и показывает скрытие на основе выбора, но когда я загружаю страницу, все поля видны.

Другое дело, например, если я хочу показать поля, если выбрана опция 2, и сохранить эту опцию в базе данных, и при перезагрузке страницы она не сохраняет состояние скрытия показа на основе выбранной опции.

HTML

    Select Layout Type
    layout_type1
    layout_type2
    layout_type3
    layout_type4
    layout_type5
    layout_type6
    layout_type7
    layout_type8



    

Jquery

$('#row1_layout_options').change(function() {
   $('#row1_col1_layout_type1, #row1_col1_layout_type2, #row1_col1_layout_type3').hide();
   $('#row1_col1_' + $(this).val()).show();
});

Итак, как мне написать скрипт, в котором все поля скрыты при загрузке страницы, но он будет показывать состояние скрытия в зависимости от выбранной опции.