锚标签在扩展的DIV内消失

Question

HTML：

 <li>
   <a href="images/bg/tommag4.png">Plan Search</a>
   <div class="ac_subitem">
     <span class="ac_close"></span>
     <h2 style="border-bottom:1px #989898 dotted; Margin:0 20px;">Advanced Plan Search</h2>
     <a href="#" id="testanchor">TEST LINK</a>
     <li>Feature Under Construction</li>
   </div>
 </li>

CSS：

.ac_subitem {
    width:1000px;
    height:0px; /* animate to 400px */
    top:50%;
    right:0px;
    margin-top:0px; /* animate to -200px */
    position:fixed;
    z-index:99;
    overflow:hidden;
    background:transparent url(../images/bg_menu.png) repeat top left;
}

基本上，我通过<ul></ul>设置了导航，每个<li>都包含一个可展开的<div>。我想要做的是将锚标记添加到这些<div>内的外部链接，但是使用的文本/图像不会显示，锚点在那里并且可点击但是联系人本身不会出现，因此留给我可点击的空白区域。任何想法？

注意：我确实有JS用于执行这些操作，但它非常冗长。如有必要，我也可以发布。感谢您的高级时间！

编辑：以下是使用http://jsfiddle.net/8smk6mhs/的整个代码的小提琴。它似乎没有在jsFiddle中正确加载，但是使用Dreamweaver6中提供的代码链接到jQuery并且http://yourjavascript.com/0073145129/center-menu.js正确加载它们，一切都正常加载。也是在评论中为此项目购买的已完成模板的链接。

Edit2：此后经过验证，清理了代码。我已经试图解决这个问题好几天了，并且无法理解为什么会这样。锚是活跃的并且有效但是无法正确显示锚的内容这一事实让我感到困惑。

* 我已经更新了小提琴。