I’m using MooTools Demos – Accordion example:

http://mootools.net/demos/?demo=Accordion

html:

What is MooTools?

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer.
It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

Cool! What licence does it have?

MooTools is released under the Open Source MIT license, which gives you the possibility to use it and modify it in every circumstance.

What browsers does it support?

MooTools is compatible and fully tested with Safari 3+, Internet Explorer 6+, Firefox 2+ (and browsers based on gecko), Opera 9+, and Chrome 4+.

CSS:

#accordion {
margin: 20px 0 0;
max-width: 400px;
}
#accordion H2 {
background: #6B7B95;
color: white;
cursor: pointer;
font: 12px Helvetica, Arial, sans-serif;
line-height: 16px;
margin: 0 0 4px 0;
padding: 3px 5px 1px;
}
#accordion .content {
background-color: #F4F5F5;
}
#accordion .content p {
margin: 0.5em 0;
padding: 0 6px 8px 6px;
}

#wrapper {
}

SCRIPT:

window.addEvent(‘domready’, function(){
new Fx.Accordion($(‘accordion’), ‘#accordion h2′, ‘#accordion .content’);
});

I’m trying to get the accordion working, but for some reason(I’m sure is something I’m doing)I can’t get it to work.

I’m teaching my self how to use javascript/Jquery with books bought at a book store, and just now became familiar with mootools.

could you please direct me to a site where I could read on how to use mootools?

Thank you!

Is it possible to add an active class to the active element as well as the toggler, so that I can do this? Cheers.

This is the javascript inside the page itself… I’m thinking about download mootools.1.2.3.js and edit that one instead, but i dunno if it’ll work with my rapidweaver pages….

In this case, i can add the Accordion code in mot.1.2.3 with the fireEvent click string, and give it a try…but it’s a complicate solution to me!

I’m italian, and i’m doin’ my first site with RapidWeaver 3.6 on MacOsx Tiger.
I’m using a free theme (dirty3) with deepin’ custom element.

Ok, the problem is simple as it get… I wanna use a hover-type accordion, and i was really affascinated of your demo on this blog… The problem is that i cant do the same…xD.

I have understand that accordion the style.css, the index.php (or whenever is the page in question, my site is all in php), and a javascript (in this case, mootool.accordion.js)…

On the first try i edited the Javascript (text type) in the page itself : rapidweaver put it on the bottom of the page, just next the page. Only later i realize the modify concerne the js file itself, the mootool.accordion.js in this case, where it declare the var accordion…

Correct me if i’m wrong, i’m going with tentative to get this one!

Now… I try to edit the mootool.accordion.js itself (i use textmate on macosx), but the code
appear compilated to me: RW put the plugin in the “file” folder automaticatly, when i go online via http://FTP... So, how can i put this damned hover effect on my accordion? Where i’m wrong?

Thanks in advice, hope i’m not too borin’ for you xD

Gatsu

http://www.mooforum.net/help12/accordion-section-direct-external-link-using-accordion-t4497.html

I found some examples but they’re quite old and dont use Fx.Accordion!

Best regards,
K…