<html>
<head>
<style><!--
.hmmessage P
{
margin:0px;
padding:0px
}
body.hmmessage
{
font-size: 10pt;
font-family:Tahoma
}
--></style>
</head>
<body class='hmmessage'>
<font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><div>Hi,</div><div><br></div><div>I have been trying to implement the second example of the following web page:</div>http://localhost:8080/javascript/scriptaculous-components?_s=E1B5JP8uViz0GWmW&amp;_k=Ev9g4gWzMgWXGaOu</span></font><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">I'd like to make an accordion menu but it doesn't work...</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">Here is what I tried:(FriendsFolders inherit from SUAccordion)</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></div><div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">FriendsFolders&gt;&gt;&gt;initialize&nbsp;</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">        </span></font></span></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">        </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">super initialize .</span></font></div><div><span class="Apple-tab-span" style="white-space:pre"><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">        </span></font></span><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">accordion := SUAccordion new</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">&nbsp;&nbsp; &nbsp; <span class="Apple-tab-span" style="white-space:pre">        </span> <span class="Apple-tab-span" style="white-space:pre">        </span>add: (SUCounterTest on: 1) label: 'Counter 1';</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">&nbsp;&nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space:pre">                </span>add: (SUCounterTest on: 2) label: 'Counter 2';</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">&nbsp;&nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space:pre">                </span>add: (SUCounterTest on: 3) label: 'Counter 3';</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">&nbsp;&nbsp; &nbsp; &nbsp;<span class="Apple-tab-span" style="white-space:pre">        </span>yourself.</span></font></div><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;">        </span></font></span></div><meta charset="utf-8"><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><span class="Apple-style-span" style="white-space: normal; ">FriendsFolders&gt;&gt;&gt;</span>coreClass
   ^ SUAccordion</span></font></span></div><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></span></div><meta charset="utf-8"><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><span class="Apple-style-span" style="white-space: normal; ">FriendsFolders&gt;&gt;&gt;</span>children
   ^Array with: accordion</span></font></span></div><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></span></div><meta charset="utf-8"><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><span class="Apple-style-span" style="white-space: normal; ">FriendsFolders&gt;&gt;&gt;</span>renderContentOn: canvas
        
        self show: accordion.
        "self renderHead: accordion index: 1 on: canvas."
        "self renderBody: accordion index: 1  visible: true on: canvas."
        
        "self renderNavigationOn: canvas."
        self toggle: accordion.
        canvas render: accordion.</span></font></span></div><div><span class="Apple-tab-span" style="white-space: pre; "><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px;"><br></span></font></span></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; white-space: pre;">The web page only show the tree Counters but doesn't display anything else when I click on it.</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; white-space: pre;">How does it work?I don't get it...</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; white-space: pre;"><br></span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; white-space: pre;">Thx in advance</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; white-space: pre;">alex</span></font></div><div><font class="Apple-style-span" face="Tahoma" size="3"><span class="Apple-style-span" style="font-size: 13px; "><br></span></font></div></div>                                               </body>
</html>