
May 10th, 2007, 14:38
|
|
Reputable Member
|
|
Join Date: Dec 2005
Location: scotland
Age: 27
Posts: 141
Thanks: 0
Thanked 0 Times in 0 Posts
|
|
|
accordion help
I have the following site
link
I am trying to keep the accordion closed on start up, how can i get this? tried to mess about but no joy.
here is the javascript
- Code: Select all
// Defines the Accordion
function AccordionInit() {
var accTitle = $$('.menuTitle');
var accContent = $$('.content');
var pwAccordion = new Accordion(
accTitle, accContent, {
onActive: function(tog){
tog.addClass('selected');
var accTitleOnOff = new Fx.Styles(tog, {wait: false, duration: 350});
accTitleOnOff.start({
'background-color': '#adc96d',
'color': '#dce6b2',
'border-bottom-color': '#adc9ff',
'padding-left': 6
});
},
onBackground: function(tog){
tog.removeClass('selected');
var accTitleOnOff = new Fx.Styles(tog, {wait: false, duration: 350});
accTitleOnOff.start({
'background-color': '#f2f2f2',
'color': '#2f3d31',
'border-bottom-color': '#ddd',
'padding-left': 0
});
},
alwaysHide: true,
duration: 500
}
);
// Mouse effects
accTitle.each(function(div) {
var mouseFxs = new Fx.Styles(div, {duration: 250, wait: false});
div.addEvents({
'mouseover': function(){
if (!div.hasClass('selected')) {
mouseFxs.start({
'background-color': '#adc96d',
'color': '#0094d3',
'border-bottom-color': '#E5E5CC',
'padding-left': 6
});
}
},
'mouseout': function(){
if (!div.hasClass('selected')) {
mouseFxs.start({
'background-color': '#f2f2f2',
'color': '#2f3d31',
'border-bottom-color': '#ddd',
'padding-left': 0
});
}
}
});
});
}
window.addEvent('domready', function(){
AccordionInit();
});
thanks in advance 
|