Text on accordion slider keeps disappearing WordPress
- SOLVED
I installed the amplify wp theme and am using an accordion slider built into the theme.
http://bayyinah.com -> when you hover over it, the text disappears.
http://bayyinah.com/sandbox -> working ok
The only plugin i can think of that i installed which might cause a problem is quick page/post redirect, i deactivated it but the problem continued.
have no idea where to go on this one
Answers (6)
designchemical answers:
You can add the following jquery to the accordion_settings.js file:
$(".kwicks li").hover(function(){
$("div.title_active",this).css('display','block');
},function(){
$("div.title_active",this).css('display','none');
});
In addition you can actually reduce all of the individual functions in the accordion settings file using just the one function:
$(".kwicks li").hover(function(){
$("div.title_active",this).fadeTo(350, 1.0);
$("div.title",this).fadeTo(350, 0.0);
},function(){
$("div.title_active",this).fadeTo(350, 0.0);
$("div.title",this).fadeTo(350, 1.0);
});
omar 1ayah comments:
thank you! this one did the trick!
Luis Abarca answers:
It seems a lightbox plugin error
Uncaught TypeError: Cannot set property 'width' of undefined
lightbox.js:33Uncaught TypeError: Cannot set property 'width' of undefined
Romel Apuya answers:
just change this in your style.css
.hidden {
display: none;
}
to
.hidden {
display: block;
}
omar 1ayah comments:
the only issue with this is that the slider gives alternate text when hovered over. this code made the alt text also display when its not hovered over
Manoj Raj answers:
It should be the problem with clash of libraries..
In the working page (http://bayyinah.com/sandbox), only jquery library is included..
in home page, there are scripataculous, prototype and jquery used. there should be a conflict between those libraries i feel..
use jQuery.noConflict(); method in your accordion javascript. It will solve the problem..
Manoj Raj comments:
The problem is that lightbox 2 loads scriptaculous, prototype libraries which made a clash with the jquery library..
Disable the plugin and it will work fine..
omar 1ayah comments:
disabled lightbox as well as some nextgen slideshow plugin but it didnt do the trick
Julio Potier answers:
Hello
as i can see in http://bayyinah.com/wp-content/themes/amplify/js/accordion_settings.js
you got this kind of code :
$(".kwicks li").hover(function(){
$("div.title_active",this).fadeTo(350, 1.0);
$("div.title",this).fadeTo(350, 0.0);
},function(){
$("div.title_active",this).fadeTo(350, 0.0);
$("div.title",this).fadeTo(350, 1.0);
});
So, try to change "0.0" in "0.5" for example.
idt answers:
On your main site, the div elements for class title_active are missing the inline style display:block on hover. That's the main reason. Can you please recheck if both the main site and the sandbox site have the same settings?
Thanks,
idt