Rails spinoffs - Aug 2005 - content slide in out / simple toggle of content

Hi All,

I have been trying to get a toggle tab system working with protoype 
effects.  The best example of what I want is shauninman.com (the nav/search)

I intend to have a sidebar and an expandable horizontal tab both of 
which can be toogled in and out of place.

for example the sidebar (which will contain a tree menu (like windows 
explorer))

Mark Up
---
        <div id="treeWrapper">
        <div id="tree">
            <div id="treeMenu">
                <p>tree</p>
            </div>
            <div id="treeToggle">
                <a href="javascript:;">Navigate/Search</a>
            </div>
        </div>
        </div>

CSS
---


#treeWrapper    {
    position: absolute;
    z-index: 3;
    top: 0; left: -225px;
    width: 250px; height: 100%;
    margin: 0;
    padding: 0;
}

#treeWrapper *    { margin: 0; padding: 0; }

#tree    {
    width: 100%; height: 100%;
    padding: 0;    margin: 0;
    background: red;
}


JS
---

Element.toggle has been tried, as has effects.MoveBy

effect.slideup has also been tried but I had troubles with nesting divs,


any pointers would be appreciated

all the best > Sam
-------------- next part --------------
An HTML attachment was scrubbed...
URL:
http://wrath.rubyonrails.org/pipermail/rails-spinoffs/attachments/20050830/38e9aa5b/attachment.html