Question

I am just beginning a new site and I am using jQuery UI Accordion for the sidebar navigation. It works great on my computer. It works good on my server, but when I moved it to my clients server this morning, the Accordion breaks – a bit of a flat tire.

I double-checked the paths to jQuery and the css but can’t see what is wrong.

Here is the one that works: http://www.rouviere.com/clients/ima/

Here is the one that doesn’t: http://imadesign.com/dev/

Here is the html:

 <div id="accordion">
        <div>
            <h3><a href="#">principals</a></h3>
            <div>
                <p>bill schulz<br />
                    ron izumita<br />
                    ann cutner<br />
                    leo o'brian</p>
            </div>
        </div>
        <div>
            <h3><a href="#">senior associates</a></h3>
            <div>
                <p>steve garcia<br />
                    vicki hill<br />
                    glenn ho<br />
                    robert moffat</p>
            </div>
        </div>
        <div>
            <h3><a href="#">associates</a></h3>
            <div>associates.</div>
        </div>
    </div><!-- end accordion -->

I would appreciate a careful eye or two to have a look and see if you can tell what is missing.

Thanks!

Answer 1

Your HTML and JavaScript is different between pages, for example:

$("#accordion").accordion();

and

$("#accordion").accordion({ header: "h3"});

Compare the source for a full list of differences in the JavaScript/HTML, using diff from the command prompt or compare in Notepad++ for example.