使用 JavaScript 在 div、鼠标单击时实现简单'toggle'/(显示/隐藏)的问题

Question

所以我正在尝试使div类元素切换/或在鼠标单击时显示隐藏一组id元素。因此，单击"result_location id"，我正在尝试在其下方显示result_menu类下的所有div。

我走的路对吗？希望你能帮到你！ 这是我的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");
    });
});

Answer 1

它似乎对我来说工作正常，我扔了一个快速的 html 页面没有问题。 我唯一能想到的是，您必须在提到的JS之前加载jquery。除此之外，它应该可以工作！