jquery - jQuery中的下拉列表

<div class="header-inner">
   <a href="" class="btn-link icon-set menu-hambuger-plus m-l-20 sm-no-margin hidden-sm hidden-xs dropdown-toggle"  data-toggle="quickview" data-toggle-element="#quickview"></a>
</div>



<div id="quickview" class="quickview-wrapper">
    <ul class="nav nav-tabs" >
        <li class="">
            <a href="#quickview-notes" data-toggle="tab">Notes</a>
        </li>
        <li>
            <a href="#quickview-alerts" data-toggle="tab">Alerts</a>
        </li>
        <li class="active">
            <a href="#quickview-chat" data-toggle="tab">Chat</a>
        </li>
    </ul>
</div>


$(function(){
    $('#quickview').on('click',function(){
        $(this).find('ul').toggle();
    });
});

当我单击图标时，它应该在#quickview中显示列表。当我单击图标时，它会转到#quickview，但不会切换列表。

最佳答案

我可能会缺少一些东西-jQuery只是没有显示ul？

如果是这样，我认为这是因为您的定位不正确。

$(function(){
    $('#quickview').click(function(){
        $(this).find('ul').toggle();
    });
});