用户选择一个选项后隐藏 div

Question

我没有找到我正在寻找的答案，所以我为什么要创建这个问题。我有一个 div 在点击时显示另一个，但我需要在用户选择其中一个选项后隐藏它（点击时出现的 div），我该怎么做？

当用户点击“#showmenu”时，div“.mob”出现，点击其中一个“.mob”后，“.mob”div消失。

P.S：对不起，我的英语不好。

HTML：

<div id="showmenu"><img src="images/mobile.png" /></div>
<div class="mob" style="display: none;">
   <ul>
      <a data-scroll href="#home"><li>INÍCIO</li></a>
      <a data-scroll href="#servicos"><li>EU FAÇO</li></a>
   </ul>
</div>

代码：

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

Answer 1

我不知道您正在使用的引导程序或 jquery 插件，但根据给出的内容，我认为这应该可以工作。

$(document).ready(function() {
    $('#showmenu').click(function() {
            $('.mob').slideToggle("fast");
            $('.mob a').click(function () {
                 $('.mob').slideToggle("fast");
             });
    });
});

请注意这里存在性能问题，即可以更好地优化代码以在特定 div 中搜索类或元素而不是整个文档