× Help Forum English

iCagenda breaks accordion site nav

Start
Prev
1
Next
End

bosdon
Topic Author
New Member

8 years 8 months ago #12413 by bosdon

iCagenda breaks accordion site nav was created by bosdon

My site nav uses accordion navigation (je_accordion). Each main page has sub sections. The container <li> keeps each section open with the class "open", but iCagenda strips it out and closes the navigation.
class="item-242 current active has-sub parent open"
To troubleshoot, I've disabled all iCagenda css and js. Now, iCagenda loads a script in the <head> that I think is the culprit (pasted below)

Any ideas? Help!

jQuery(document).ready(function(){
jQuery(".iCtip").tipTip({maxWidth: "200", defaultPosition: "top", edgeOffset: 1});
});
window.addEvent('domready', function(){ new Fx.Accordion($$('div#icagenda.pane-sliders > .panel > h3.pane-toggler'), $$('div#icagenda.pane-sliders > .panel > div.pane-slider'), {"onActive": function(toggler, i) {toggler.addClass('pane-toggler-down');toggler.removeClass('pane-toggler');i.addClass('pane-down');i.removeClass('pane-hide');Cookie.write('jpanesliders_icagenda',$$('div#icagenda.pane-sliders > .panel > h3').indexOf(toggler));},"onBackground": function(toggler, i) {toggler.addClass('pane-toggler');toggler.removeClass('pane-toggler-down');i.addClass('pane-hide');i.removeClass('pane-down');if($$('div#icagenda.pane-sliders > .panel > h3').length==$$('div#icagenda.pane-sliders > .panel > h3.pane-toggler').length) Cookie.write('jpanesliders_icagenda',-1);},"duration": 300,"display": -1,"opacity": "false","alwaysHide": "true"}); });
jQuery(document).ready(function(){
jQuery('.hasTooltip').tooltip({"html": true,"container": "body"});
});

jQuery( function( ) {
jQuery( document ).ready(function() {
jQuery('.active').addClass('open');
jQuery('.active').children('ul').slideDown();
jQuery('#je_accord119 li.has-sub>a').on('click', function(){
jQuery(this).removeAttr('href');
var element = jQuery(this).parent('li');

if (element.hasClass('open')) {
element.removeClass('open');
element.find('li').removeClass('open');
element.find('ul').slideUp('normal');
}
else {
element.addClass('open');
element.children('ul').slideDown('normal');
element.siblings('li').children('ul').slideUp('normal');
element.siblings('li').removeClass('open');
element.siblings('li').find('li').removeClass('open');
element.siblings('li').find('ul').slideUp('normal');
}
});

jQuery('#je_accord119>ul>li.has-sub>a').append('<span class="holder"></span>');
});
});

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

8 years 8 months ago #12414 by Lyr!C

Replied by Lyr!C on topic iCagenda breaks accordion site nav

Hello,

I will need a online link to your site with issue activated, to be able to check this, as it seems more than an issue with the accordion script modifying iCagenda script (and i wonder if this one is not using a mootools script... in fact, looking at code you pasted, what is curious is that the accordion uses mixed mootools and jquery script... so really weird...)

Regards,
Cyril

Latest version : iCagenda 3.9.8
We recommend every user to keep iCagenda updated.
Don't forget to have your Joomla!™ up-to-date!

Do you like iCagenda?
I would appreciate if you could take 5 minutes to post a review on JED (Joomla Extensions Directory) .

Please Log in or Create an account to join the conversation.

bosdon
Topic Author
New Member

8 years 8 months ago #12418 by bosdon

Replied by bosdon on topic iCagenda breaks accordion site nav

Hi Cyril:

Thank you or the fast reply!

The site is at kirkbrae.lutk.us

Click “members” in the upper right. Then click “Golf” in the left nav to see the problem. The class “open” is being removed from the containing <li> tag in the left nav. It’s makin’me crazy!

Let me know if you need to login to the backend.

Thanks again.

Don
617-340-6333

Please Log in or Create an account to join the conversation.

Lyr!C
Administrator
Lead Developer

8 years 8 months ago #12420 by Lyr!C

Replied by Lyr!C on topic iCagenda breaks accordion site nav

The error is in this script, not loaded by iCagenda :

window.addEvent('domready', function(){ new Fx.Accordion($$('div#icagenda.pane-sliders > .panel > h3.pane-toggler'), $$('div#icagenda.pane-sliders > .panel > div.pane-slider'), {"onActive": function(toggler, i) {toggler.addClass('pane-toggler-down');toggler.removeClass('pane-toggler');i.addClass('pane-down');i.removeClass('pane-hide');Cookie.write('jpanesliders_icagenda',$$('div#icagenda.pane-sliders > .panel > h3').indexOf(toggler));},"onBackground": function(toggler, i) {toggler.addClass('pane-toggler');toggler.removeClass('pane-toggler-down');i.addClass('pane-hide');i.removeClass('pane-down');if($$('div#icagenda.pane-sliders > .panel > h3').length==$$('div#icagenda.pane-sliders > .panel > h3.pane-toggler').length) Cookie.write('jpanesliders_icagenda',-1);},"duration": 300,"display": -1,"opacity": "false","alwaysHide": "true"}); });

But, on other pages, this script is not loaded (which is a Mootools script).
And as Mootools library is not loaded, this is normal to get an error in the error console (so that's why it's not working, it returns an error to browser).

Check this plugin options, as this one seems to load the mootools script on iCagenda page which one is maybe not set as others, or excluded/included to load mootools script on this page... Is this plugin integrated in your site template? (if yes, maybe contact its developer to know why the accordion script is loaded in Mootools and jQuery in the same time, on the same page...)

Hope this helps ?

Regards,
Cyril