<A> Tags Overriding Jquery Modal Box

[RalphLeMouf]

Howdy -

 

I have a home page that has a link, that when hit, opens a modal box via jquery. It is working great, however, when I insert <a> tags to link something in my hidden content ( aka inside of the box ), the <a> tags disable the hidden content and it breaks my page.

 

Here is the jquery and here is the html:

 

<span class="modalboxContent">
<div class="links_box">
<div class="link_title_holder">
<div class="link_title">
<!--<a href="/index.php/general/watch">-->
<span class="red">WATCH</span> Videos on topics you care about.
<!--</a>-->
</div>
<div class="link_title">
<!--<a href="/index.php/general/read">-->
<span class="red">READ</span> Informational booklets and handouts.
<!--</a>-->
</div>
<div class="link_title">
<!--<a href="/index.php/general/link">-->
<span class="red">LINK</span> Find additional online resources
<!--</a>-->
</div>
</div>
</div>