下拉列表悬停和可点击

Question

当我将鼠标悬停在国家清单上时，这是我要完成的工作，我想将列表选项（“我的”）设置为可悬停和可点击，并且现在我无法单击任何下拉列表选项。我希望我说清楚了。这是我的代码。

先谢谢您

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            <li class=""><a href='@Url.Action("Presentation","Pages")'>Presentation</a></li>
                            <li class="dropdown">
                                <a href='@Url.Action("NationalInventory","Pages")' class="dropdown-toggle animated-button thar-two" role="menu" aria-haspopup="true" aria-expanded="false" data-hover="dropdown">National Inventory</a>
                                <ul class="dropdown-menu dropdown-menu-left">
                                    <li class=""><a href="/imov/sells">Oriented Search</a></li>
                                    <li class=""><a href="/imov/sells">Advanced Search</a></li>
                                    <li class=""><a href="/imov/sells">Inventory</a></li>
                                    <li class=""><a href="/imov/sells">Demos</a></li>
                                    <li class=""><a href="/imov/sells">Sells</a></li>
                                </ul>
                            </li>
                            <li class=""><a href="/prices">Recs</a></li>
                            @*<li class=""><a href="/exp">Expositions</a></li>*@
                            <li class=""><a href="/contacts">Area</a></li>
                        </ul>
                    </div>