Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Side Navagation Accordian Flashes

    I got this accordion from this site:

    http://www.stemkoski.com/stupid-simp...ccordion-menu/

    I'm trying to implement it into this site:

    http://tizifolio.com/officelogic/products/reception.php

    Why does it expand / flash for a second when the page loads on the products pages.
    Examples:
    http://tizifolio.com/officelogic/pro...occasional.php
    http://tizifolio.com/officelogic/products/reception.php

    This is the js:

    **************************************************************************************************** ********************/
    $(document).ready(function() {

    //ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
    $('.accordionButton').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('.accordionButton').removeClass('on');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.accordionContent').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

    //ADD THE ON CLASS TO THE BUTTON
    $(this).addClass('on');

    //OPEN THE SLIDE
    $(this).next().slideDown('normal');
    }

    });


    /*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/

    //ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER
    $('.accordionButton').mouseover(function() {
    $(this).addClass('over');

    //ON MOUSEOUT REMOVE THE OVER CLASS
    }).mouseout(function() {
    $(this).removeClass('over');
    });

    /*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/


    /**************************************************************************************************** ****************
    CLOSES ALL S ON PAGE LOAD
    **************************************************************************************************** ****************/
    $('.accordionContent').hide();

    });

  • #2
    New to the CF scene
    Join Date
    Sep 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I tried making a defined height but no help.

    And I've tried this:

    <style type="text/css">

    #accordion div { display: none; }

    </style>

    Both not working.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •