Question

I’m using the Accordion from the jQuery UI library (http://jqueryui.com/demos/accordion/) as a sidebar. When I mouseover from top to bottom on the sidebar, the accordion expands somewhat fine. But when I mouseover from bottom to top onto an item that is supposed to expand, it does not until i pass the item (in the example “Bags”). Here’s the page: (http://ignitepixels.com/seba)

Here’s the jquery:

$( "ul#cats" ).accordion({
        event: "mouseover",
        header: "li",
        collapsible: true,
        autoHeight: false, 
        active: false
});

Anyone have any idea why I am getting this lag? Thanks!

Answer 1

Your markup for the UL is not well formed. You can’t throw in DIVs between LIs and not expect browsers to behave like they’re buzzed. Can you do anything else? E.g. change UL to a DIV, remove LI tags, keep A tags, keep DIV tags; then set header:"div#cats a".