frame collapse

photojordan / 2008-10-22 23:29:45   

i love love love indexhibit. great work and thank you for sharing with us non-html skilled n00bs - it makes creating a nice looking site so simple.

can you help me with something? i am using the crabs format to display photos horizontally. as the page scrolls right, the images pass behind the left-most nav frame. is there an easy way to create a 'hide/show' link that would effectively minimize or maximize the frame?

check out my page:
jordan bower

photojordan / 2008-10-22 23:30:00   

ps thank you for your help.

AntoineLafontaine / 2008-10-23 07:33:39   

You could probably achieve this using a combination of javascript (using jQuery) which is included with indexhibit) and some CSS.

Basically, add a link/button to your page and use javascript to toggle the display property of the menu "frame" (or should I say div... frames are old relics of the past ;) )

Have a look at jQuery's hide/show functions for an easy fix.

Hope that helps.

photojordan / 2008-10-24 18:27:32   

got any tips to help get me started, antoine? i'm totally new to js.

photojordan / 2008-10-24 19:42:14   

this is what i've tried, but it's not working:

$(document).ready(function()
{

    $('a#show').click(function() {
        $('#menu'.show(500);
        return false;
    });

    $('a#hide').click(function() {
        $('#menu'.hide(500);
        return false;
    });
});

hide show

AntoineLafontaine / 2008-10-25 03:57:26   

oh boy, so close!

close your parenthesis after your $('#menu') !!

and there's already a $(document).ready call for your collapsing menu script, you might want to add your custom code in there since it is the same call.

This thread has been closed, thank you.