Question

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

当用户点击＆＃34; #showmenu＆＃34; div＆＃34; .mob＆＃34;点击其中一个＆＃34; .mob＆＃34;他是＆＃34; .mob＆＃34; div dissapears。

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

我对你正在使用的bootstrap或jquery插件一无所知，但根据给出的内容，我会说这应该有效。

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

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

Answer 2

如果你不打算去任何地方，那真的应该<a>吗？他们可以<li>吗？

之后，我想你想给你的<li>提供id，然后创建一个函数，就像你为隐藏.mob $('showmenu').click...所做的那样。

或者，如果<li> all得到同样的处理，可能会给它们所有相同的类，并且只为该类提供一个函数。

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

2 个答案: