2013-04-07 4 views
0

Код, приведенный ниже, отлично согласен с тем, что, когда я выбираю ссылку, аккордеон закрывается при загрузке страницы. Я бы хотел, чтобы аккордеон оставался открытым. См. Ниже. Любая помощь будет принята с благодарностью.Нужна помощь по меню аккордеона, открытому при загрузке страницы.

http://www.kipjonesart.com/

$(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(''); 

}); 
</script> 
</head> 

ответ

1

Поскольку страницы новы, вам нужен механизм, который говорит аккордеон быть открытым прямо с момента, когда страница загружена.

Что-то вроде:

<body id="YourPageId">

на документ готов:

$('.myAccordionSelector').accordion("option", "active", YourPageId);

Смежные вопросы