只有单击两次，jquery切换才会工作

我正在实现一个从锚定标记触发的工具提示，如果单击锚定，我们将在其正下方显示div。我有以下代码，但你必须点击锚两次它弹出。有什么想法吗

<script>
$('.tooltip-trig').click(function() {
    $(this).next().toggle();
});
</script>

<a href="#" id="test" onclick="return false;" class="tooltip-trig" title="">Tooltip</a>
<div class="test-tooltip tt-red-top" style="display: none;">
    <div class="title">Test</div>
    test
    <a href="#" onclick="return false;" class="close">
        <span class="hidden">Close</span>
    </a>
</div>  

---

你能从页面中添加相关的HTML吗？需要两次单击的唯一原因是如果在第一次单击之前它已经弹出。这里似乎可以正常工作。你使用的浏览器是什么？它在铬上对我很好。此外，当您第一次单击两次时，style=之后的引号也丢失了。它是在单击一次后生效，还是在单击两次后继续工作？