Ask your WordPress questions! Pay money and get answers fast! Comodo Trusted Site Seal
Official PayPal Seal

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)

2011-12-03

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!

2011-12-03

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

2011-12-03

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

2011-12-03

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

2011-12-03

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.

2011-12-03

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