Codrops Horizo​​ntal Slide Out菜单 - 在页面加载时显示子菜单

Question

我正在开发一个基于Codrops蓝图之一的项目：http://l3s11023.zeus03.de/test/

我希望页面加载时第一个子菜单'Lovely Spirits'已经打开。我尝试使用jQuery $（document）.ready（function（）和触发事件但没有成功。

非常感谢任何帮助。感谢。

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/

（你的问题不好。下次请尝试只展示所需的代码部分）

---

  

在您尝试浏览网站后更新回复

---

上面的代码只是您如何尝试它的一个示例。我确定你触发了打开导航的功能。但是，请使用以下内容替换准备好的文档：这将是您在寻找的地方。

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