Accordion - Link In Toggle DIV Not Working
For some reason I can't get links in my toggle divs to work. Here's my
markup structure:
<div class="accordion_toggle"><a href="www.mysite1.com">Studio 1</a></
div>
<div class="accordion_content">...</div>
<div class="accordion_toggle"><a href="www.mysite2.com">Studio 2</a></
div>
<div class="accordion_content">...</div>
and so on...
Before you ask, the 'a' tags are generated dynamically, but only under
certain conditions, otherwise there wouldn't be any need for the
accordion obviously :)
Here's my javascript:
jQuery(document).ready(function(){
jQuery('#accordion_list').accordion({
header: '.accordion_toggle',
active: '.selected',
alwaysOpen: false,
autoheight: false,
animated: 'easeslide'
});
});
The accordions work as intended, and if one has a 'a' tag the url is
visible in the markup and in the status bar when mousing over the
link, but clicking on the link produces nothing.
Does anyone have any idea why this might happening? It's as if the
jquery/accordion script is somehow 'killing' the 'a' tags behaviour.
Thanks.