Меню аккордеона: первый пункт меню открыт на странице load

Question

Я ищу помощь в моем меню аккордеона. Я бы хотел, чтобы первый пункт меню был открыт при загрузке страницы (для моего меню было бы «Продукты»). Я не уверен, как это сделать с моим текущим кодом.

Из-за того, как долго мой CSS есть полнота моего кода и пример моего меню аккордеона располагается на этой скрипке:

JSFiddle

ЖЕ КОД КАК FIDDLE:

<div id="cssmenu"> 
<ul> 
    <li><a href="#"><span>PRODUCTS</span></a> 
     <ul> 
      <li><a href="#">Heated Sample Line</a></li> 
      <li><a href="#">Smoke Meter Line</a></li> 
      <li><a href="#">Dual Rinse Cleaning Cart</a></li> 
          <li><a href="#">Heated Filter Housing</a></li> 
      <li><a href="#">Insulated Blanket</a></li> 
      <li><a href="#">Heated Industrial Blanket</a></li> 
     </ul> 
    </li> 
    <li><a href="#"><span>COMPANY</span></a> 
     <ul> 
      <li><a href="#">About</a></li> 
      <li><a href="#">Location</a></li> 
     </ul> 
    </li> 
    <li><a href="#"><span>CONTACT</span></a></li> 
</ul> 

Answer 1

может быть, вы можете программно вызвать щелчок:

$('#cssmenu > ul > li > a')[0].click(); 

https://jsfiddle.net/6gbrLks7/2/