Question

我正在使用的CSS下拉菜单工作正常，唯一的一点就是当你点击菜单内的任何地方时我想要关闭菜单。

现在，只要您在主导航中单击，它就会关闭，这样就很难点击链接等。

目前在我们的网站www.jonasconstruction.com上发布。如有必要，我可以在这里附上完整的代码。

感谢。

<div class="top-menu top-menu-mobile">
  <header class="dark">
    <nav class="navigate"> 
      <a href="javascript:void(0);" class="ic opened"> 
        <span class="line"></span> 
        <span class="line"></span> 
        <span class="line"></span>
      </a>
      <a href="javascript:void(0);" class="ic closed"></a>
          <ul class="main-nav"></a> 
              <li class="top-level-link"> 
                  <a class="mega-menu" href="/products">
                        <span>Products</span></a> 
               <div class="sub-menu-block"> 
               <div class="row">

Answer 1

HTML标记在一些地方缺少一些结束标记。子菜单div是发生此问题的地方。我首先要抓取html标记并确保使用正确的标记礼节。然后我会将您的子菜单变为列表项（但它们的样式与您的顶级列表项不同）。这应该将链接区域扩展到菜单的宽度，以便解决此问题。

停止CSS下拉菜单关闭内部点击

1 个答案: