Javascript 列表悬停菜单隐藏无法选择

大家好，亲爱的，我正在使用megamenu，我只写了一个代码，而不是下载和添加代码。我只写了在菜单悬停时显示megamenu div的代码。它工作正常，但我遇到了一个问题。将鼠标悬停在一个div上，但它无法在mega菜单中选择内容。我不知道如何在jquery中编写代码，当它悬停在列表上时，它也允许选择内容。 当光标移动时，我尝试在向下菜单中悬停时，它被隐藏

我的HTML代码

 <div class="menu">
        <ul>
          <li><a href="#" class="tech">Chipsets</a></li>
          <li><a href="#" class="tech">Wireless Modules</a></li>
          <li><a href="#" class="tech">Divices & Services</a></li>
          <li><a href="#" class="tech">IP Licensing</a></li>
          <li><a href="#" class="tech">Technology</a></li>
        </ul>
      </div>
    <div class="megamenu">Content here11.Services..1</div>
<div class="megamenu">Content here222.Training..2</div>
<div class="megamenu">Content here..Communities.3</div>
<div class="megamenu">Content here..Store.4</div>
<div class="megamenu">Content here..Store.5</div>

JSBIN链接

---

任何人都能解决我的问题。

首先尝试使用嵌套的li并使用css样式，使其看起来像一个下拉列表，而不是hover div，因为目前您的代码表示hover show这个div没有代码表示它实际上是一个下拉或可选择的div，当您将光标移开时，它就会消失。

这是最好的选择为此，请删除jquery

<div class="menu">
        <ul>
          <li><a href="#" class="tech">Chipsets</a>
             <div class="megamenu">Content here11.Services..1</div>
          </li>
          <li><a href="#" class="tech">Wireless Modules</a>
              <div class="megamenu">Content here222.Training..2</div>
          </li>
          ....
        </ul>
      </div>

---

我想采取saparate div，这是不包括在列表中，然后插入该div内，李，使它仍然明白，该div是你的李的一部分，以这种方式，它不会消失，你将能够点击它只是包括一个链接内的链接可以点击

<div class="menu">
        <ul>
          <li><a href="#" class="tech">Chipsets</a>
             <div class="megamenu">Content here11.Services..1</div>
          </li>
          <li><a href="#" class="tech">Wireless Modules</a>
              <div class="megamenu">Content here222.Training..2</div>
          </li>
          ....
        </ul>
      </div>

.menu ul li div
{
   display:none;
}

.menu ul li:hover div
{
    display:block;
}