Проблемы, реализующие простое «переключение» / (показать / скрыть) на div, при щелчке мышью, используя JavaScript

Поэтому я пытаюсь сделать элемент div класса переключением/или показать скрыть набор элементов id при щелчке мыши. Итак, нажмите "Идентификатор result_location". Я пытаюсь отобразить все div в классе result_menu под ним.

Правильно ли я об этом? Надеюсь, ты поможешь! Здесь мой код HTML и JS:

HTML:

<div id="result_location">
     <h3>MainText Here</h3>
        </div>

        <div class="result_menu">
            <div id="a_column">
                <h4>text</h4>
            </div>

            <div id="b_column">
                <h4>text</h4>
            </div>

            <div id="c_column">
                <h4>text</h4>
             </div>

            <div id="d_column">
                <h4>text</h4>
             </div>
         </div>
    </div>
</div>

JS:

$(document).ready(function() {
    $('#result_location').click(function() {
            $('.result_menu').slideToggle("fast");
    });
});