Colorbox多个div需要额外点击

Question

我遇到了一个问题，我认为其他人可能会快速回答。我正在尝试使用Colorbox来显示多个隐藏的内联div。第一个div在加载时正确显示。当我点击其中一个锚点时，没有任何反应。如果我再次点击，则显示正确的div。有没有办法不要求额外点击？

这是我的HTML：

<p><a class='inline' href="#inline_content">Inline HTML</a></p>
<p><a class='inline' href="#inline_content2">More inline HTML</a></a></p>
<div style='display:none'>
<div id='inline_content' style='padding:10px; background:#fff;'>
<p><strong>Inline content.</strong></p>
</div>
<div id='inline_content2' style='padding:10px; background:#fff;'>
<p><strong>Different inline content.</strong></p>
</div>
</div>     

这是我的代码

$(document).ready(function(){
$(".inline").colorbox({inline:true, open: true, rel: 'inline', current: "", width:"50%"});
 });

在Opera，Firefox，Chrome中展示上述行为。在IE中没有做任何事情。我正在使用最新版本的jQuery，Colorbox。