Indexhibit Support

Im creating a portfolio site and my drop down menu collapses differently in different browsers.

In FF the bottom one does not collapse?

In Safari the top one doesn't collapse?

Anyone know a way to fix this?

http://jacobfrancekphotography.com/index.php?/photography/lord-of-the-flies/

Just glancing at that...I'm not sure what you've done there...I don't understand it.

I think you need to validate your html - this would be the place to being. If you have bad html in there it could easily mess other things up.

I used this script for the collapsible menu..

/*    Expanding Menus for Indexhibit
*        uses jquery
*
*    Created by Ross Cairns Mar 2008
*/

function expandingMenu(num) {
    var speed = 500;
    
    var item_title = $("#menu ul").eq(num).children(":first");
    var items = $("#menu ul").eq(num).children().filter(function (index) { return index > 0; });
    
    /* hide items if not active */
    if (items.is(".active") == false) {
        items.hide();
    }

    /* add click functions + pointer to title */
    item_title.css({cursor:"pointer"}).toggle(
        function () {
            items.show(speed);
        }, function () {
            items.hide(speed);
        }
    )
}

And used this to implement it in my index.php.....

$(document).ready(function()
{
    setTimeout('move_up()', 1);
    expandingMenu(0);
    expandingMenu(1);
});

Only 1 section title is collapsing on a relaod.

I think the validation is because Im trying to get a the random background plugin working. Thats the only error i get.

http://jacobfrancekphotography.com/index.php?/photography/lord-of-the-flies/

ps. sorry about the lack of formating. I wish i could edit the post

My response is pretty clear - and the problem is not the script above.