logo
Ask your WordPress questions! Pay money and get answers fast! (more info)

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.

$10
Text on accordion slider keeps disappearing

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

This question has been answered.

omar 1ayah | 12/03/11 at 10:24am Edit


(6) Possible Answers Submitted...

See a chronological view of answers?

Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

  • avatar
    Last edited:
    12/03/11
    10:51am
    Luis Abarca says:

    It seems a lightbox plugin error

    Uncaught TypeError: Cannot set property 'width' of undefined

    lightbox.js:33Uncaught TypeError: Cannot set property 'width' of undefined

    Previous versions of this answer: 12/03/11 at 10:51am

  • avatar
    Last edited:
    12/03/11
    10:55am
    designchemical says:

    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);
    });

    Previous versions of this answer: 12/03/11 at 10:55am

    • 12/03/11 11:11pm

      omar 1ayah says:

      thank you! this one did the trick!

  • avatar
    Last edited:
    12/03/11
    10:54am
    Romel Apuya says:

    just change this in your style.css


    .hidden {
    display: none;
    }


    to


    .hidden {
    display: block;
    }

    • 12/03/11 11:12pm

      omar 1ayah says:

      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

  • avatar
    Last edited:
    12/03/11
    3:16pm
    Manoj Raj says:

    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..

    Previous versions of this answer: 12/03/11 at 3:16pm

    • 12/03/11 3:44pm

      Manoj Raj says:

      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..

    • 12/03/11 11:12pm

      omar 1ayah says:

      disabled lightbox as well as some nextgen slideshow plugin but it didnt do the trick

  • avatar
    Last edited:
    12/03/11
    3:39pm
    Julio Potier says:

    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.

  • avatar
    Last edited:
    12/03/11
    9:30pm
    idt says:

    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

This question has expired.



Manoj Raj had additional discourse to offer.

omar 1ayah voted on this question.



Current status of this question: Completed



Warning: Please do not give out any FTP or ssh credentials to anyone, unless you trust them completely. Giving out login details is dangerous.

If the asker does not get an answer then they have 10 days to request a refund.