Открыть Аккордеон, когда Пользователь заходит на страницу

Question

Что требуется JS для открытия первого контейнера Accordion, используя этот код:

http://mibsolutionsllc.com/icontact/?page_id=7

Answer 1

Ваш текущий код:

    function loadAccordions() {

        var bottomAccordion = new accordion('vertical_container');

        var nestedVerticalAccordion = new accordion('vertical_nested_container', {
          classNames : {
                toggle : 'vertical_accordion_toggle',
                toggleActive : 'vertical_accordion_toggle_active',
                content : 'vertical_accordion_content'
            }
        });

       // Open first one
        bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);   
    }

проблема в том, что VerticalNestedContainer не существует. Поэтому bottomAccordion.activate никогда не выполнялся. Вы можете удалить этот неиспользованный аккордеон или проверить, существует ли он раньше, как это:

    function loadAccordions() {

        var bottomAccordion = new accordion('vertical_container');
        if($('vertical_nested_container')){
            var nestedVerticalAccordion = new accordion('vertical_nested_container', {
              classNames : {
                    toggle : 'vertical_accordion_toggle',
                    toggleActive : 'vertical_accordion_toggle_active',
                    content : 'vertical_accordion_content'
                }
            });
        }           
       // Open first one
        bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);   
    }

или просто:

    function loadAccordions() {

        var bottomAccordion = new accordion('vertical_container');
       // Open first one
        bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);   
    }

Answer 2

$('#vertical-container h1:first').click();

Предполагается, что вы используете jQuery.

или

$('#vertical-container h1:first').addClass('accordion_toggle_active');

может работать.