am trying to use the <a href="http://docs.jquery.com/UI/Accordion#options" rel="nofollow noreferrer">Jquery accordion</a> to show a list of links generated by wordpress with the <a href="http://codex.wordpress.org/Template_Tags/wp_list_categories" rel="nofollow noreferrer">
</a> function.
This function returns a list of
tags. My problem is that in order to get it working fine, like the second exemple on <a href="http://jquery.bassistance.de/accordion/demo/" rel="nofollow noreferrer">this page</a>, the heading
tags, have to get a special class:
that is used in the js definition of the accordion:
Without this class, the hover opens the sub list, but as soon as i get down to hover on of the child elements, it closes the accordion. The exemple is the grey bloc on <a href="http://soulbrasileiro.com.br/site/" rel="nofollow noreferrer">this page</a>.
My question goes like this, is it possible to append with javascript the required class (.head for ex) to this dynamically generated list ?
Code:
wp_list_categories();This function returns a list of
Code:
<ul>
Code:
<li>
Code:
<a>
Code:
<a>
Code:
<a class="head" href="?p=1.1.1">Guitar</a>
Code:
jQuery('#navigation').accordion({
active: false,
autoheight:false,
header: '.head',
event: 'mouseover'
});Without this class, the hover opens the sub list, but as soon as i get down to hover on of the child elements, it closes the accordion. The exemple is the grey bloc on <a href="http://soulbrasileiro.com.br/site/" rel="nofollow noreferrer">this page</a>.
My question goes like this, is it possible to append with javascript the required class (.head for ex) to this dynamically generated list ?