切换按钮一旦初始点击就需要2次点击

Question

我有一个基本的切换按钮设置，但由于某种原因，在初始点击后需要两次点击才能执行该功能。看看其他一些答案，但不确定为什么会这样：

<div>
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <span><i class="ion-navicon-round"></i></span> </button>
</div>

<div class="row main-menu"></div>

jQuery：

$(document).ready(function () {
    $(".dropdown-toggle").click(function () {
        $(".main-menu").toggle();
    });
});

提前致谢