× Help Forum English

iCagenda breaks accordion site nav

Début
Précédent
1
Suivant
Fin

bosdon
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 8 ans 8 mois #12413 par bosdon

iCagenda breaks accordion site nav a été créé par 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>');
});
});

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 8 ans 8 mois #12414 par Lyr!C

Réponse de Lyr!C sur le sujet 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) .

Connexion ou Créer un compte pour participer à la conversation.

bosdon
Auteur du sujet
Nouveau membre

Plus d'informations

il y a 8 ans 8 mois #12418 par bosdon

Réponse de bosdon sur le sujet 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

Connexion ou Créer un compte pour participer à la conversation.

Lyr!C
Administrateur
Lead Developer

Plus d'informations

il y a 8 ans 8 mois #12420 par Lyr!C

Réponse de Lyr!C sur le sujet 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