Javascript 鼠标悬停时Dropbox菜单未关闭？

您好，我的完整代码在jsfidlle中，我想当我将鼠标悬停或单击“giris”时，我的div将出现在鼠标悬停中，我该怎么做

我的代码：

<div class="sign_in_holder">
    <div class="tab-content">
        <div class="option_content tab-pane tcell-login-box active" embeddedlogin="true" id="trk-sign_in">
            <form id="user_sign_in" class="sign_in js-do_login">
                <ol class="steps clearfix">
                    <li>
                        <input type="text" class="text input_restrict_decimal tcell-user" maxlength="11" placeholder="GSM Numaranız" title="GSM Numaranız">
                    </li>
                    <li class="password">
                        <input type="password" class="text tcell-password" maxlength="15" placeholder="Turkcell Şifreniz" title="Turkcell Şifreniz">
                    </li>


                    <li>
                        <button type="button" id="signin_button" class="btn button-cta tcell-submit-btn">GİRİŞ YAP</button>
                    </li>
                </ol>
            </form>
        </div>
    </div>
</div>
<span class="dropbox_position_element carrot_up"></span></div>
<span class="dropbox_position_element carrot_up"></span></div></li>

GİRİŞYAP

---

选中此项

如果您想要一个仅css的解决方案，您可以使用以下代码： Ankit演示： 您的演示：

您可以在css的末尾看到编辑，重要的是内联的display:none引起的

---

但在这种情况下，您需要使用父容器（container），因此需要考虑它的维度。

谢谢@Dholakiya Ankit:）

 .nav-actions:hover .dropbox{
   display: block!important;
 }
 .dropbox:hover{
   display: block!important;
 }