Need a little guidance

[morpheus]

I'm working on a customized addon for my website. I am trying to a tabbed layout like the resource manager however I am a little stumped about the Discussion tab. I would like to have it work in the same manner as the tab in the resource manager. So here's how I am trying to do it, so let me know if this is the wrong way to go about it or not.

<ul class="tabs codeTabs Tabs" data-panes="#CodePanes" data-history="on">
    <li><a href="{$requestPaths.requestUri}#discussion">{xen:phrase discussion}</a></li>
</ul>
 
<ul id="CodePanes">
    <li id="discussion" data-loadUrl="{xen:link 'threads/unread', $thread}">
        {xen:phrase loading}...
        <a href="{xen:link 'threads/unread', $thread}">{xen:phrase view}</a>
    </li>
</ul>

I receive a javascript error when doing it this way. I'm new at doing some of this stuff so I'm not sure if this is even the correct way to do it or not.