По сути, у меня та же ситуация, что и у человека в следующем вопросе:

Ссылка на сайт:Как показать / скрыть Div с помощью выбора. (JQuery)

Благодаря обширному поиску в Google я смог придумать несколько разных методов, в которых люди утверждают, что их метод работает. Я пока не заставлю их работать правильно. Я неЯ пока недостаточно разбираюсь в jQuery, чтобы полностью понять, как написать это с нуля, поэтому пока я полагаюсь на действительно хорошие примеры.

Что я'пытался работать (на основе примеров, которые янашел и попробовал) вот это:

    (document).ready(function() {
        ('.box').hide();<br>
        ('#dropdown').change(function() {
        ('#divarea1')[ ($(this).val() == 'area1') ? 'hide' : 'show' ]()
        ('#divarea2')[ ($(this).val() == 'area2') ? 'hide' : 'show' ]()
        ('#divarea3')[ ($(this).val() == 'area3') ? 'hide' : 'show' ]()
        });
    });


    
        Choose
        DIV Area 1
        DIV Area 2
        DIV Area 3
    

DIV Area 1
DIV Area 2
DIV Area 3

Примечание. Для правильного отображения в этом сообщении я использую скобки, а не знаки «меньше» и «больше», чем в HTML.

Что я получу, когда я проверю это:

При первой загрузке ничего не выбрано => DIV не отображается.Когда я выбираю DIV Area 1 => DIV области 2 и 3 отображаются.Когда я выбираю DIV Area 2 => DIV области 1 и 3 отображаются.Когда я выбираю DIV Area 3 => DIV области 1 и 2 отображаются.

Мой мозг жарен на день. Что я могу сделать, чтобы это исправить?