Codrops水平滑出菜單 - 子菜單顯示在頁面加載

Question

我工作的基礎上，Codrops藍圖的一個項目：http://l3s11023.zeus03.de/test/

我想有第一個子菜單「可愛的精神」已經打開網頁時負載。我試圖用jQuery的$（document）。就緒（函數（）和觸發事件，但沒有成功做到這一點。

任何幫助，將不勝感激。謝謝。

Answer 1

這裏是一部分的小提琴你的代碼和例如，你可以怎麼觸發點擊在

$(document).ready(function(){}); 

請務必包括jQuery的

<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 


$(document).ready(function(){ 
    $('.cbp-hsmenu').children('li').children('a').on('click',function(){ 
     $(this).next('ul').css('display','block'); 
    }); 

    /* HERE IS the interesting part*/ 
    /* Trigger click on that function opening your sub-nav */ 
    $('#gesu').trigger('click'); 
}); 

http://jsfiddle.net/Zms3T/

（你的問題不好。接下來的時間請儘量只顯示所需要的代碼的一部分）

---

UPDATE試圖在您的網站

---

上面的代碼地段後的回答正好一個你可以如何嘗試的例子。我確定你觸發了該功能來打開導航。但是，用這個替換文檔：這將做你在哪裏尋找。

$(document).ready(function(){ 
    var elemHeight = $('.cbp-hsmenu li:first-child ul').height() 
    $('.cbp-hsmenubg').css('height', elemHeight+'px'); 
    $('.cbp-hsmenu li:first-child').addClass('cbp-hsitem-open'); 
});