Ouvrir Accordéon Lorsque l'utilisateur des terres sur la page

Question

Quel est le besoin JS nécessaire pour faire le premier conteneur d'accordéon à être ouvert, en utilisant ce code:

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

Answer 1

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

En supposant que vous utilisez jQuery.

ou

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

pourrait fonctionner.

Answer 2

Votre code actuel:

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

le problème est VerticalNestedContainer n'a pas existé. Donc, bottomAccordion.activate n'a jamais été exécuté. Vous pouvez supprimer cette accordéon utilisé ou vérifier si elle existe avant comme celui-ci:

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

ou tout simplement:

function loadAccordions() { 

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