将鼠标悬停在菜单项上显示

Question

我知道这是很长一段时间在makin＆＃39;以前的答案类似/类似，但我真的很难让兄弟姐妹改变悬停事件的不透明度或可见度。

我知道我必须做错事但不能弄明白:( 对于CSS - 我只是添加不透明度：0或可见性：折叠开始。

代码是：

 header#home
    .navbar
        nav
            ul.firstmenu
                li 
                    a(href="#home") welcome
                li
                    a(href="#about")  about me
                li.submenu
                    a(href="#portfolio")  portfolio

                li 
                    a(href="#social") social
                li 
                    a(href="#contact") contact

            ul.secondmenu
                li
                    a(href="/projects/randomQuote/index.html") random quote

和js是：

$(".submenu").hover( function(){

    $(this).parent().siblings(".secondmenu").css("opacity","1")
}, function(){
    $(this).parent().siblings(".secondmenu").css("opacity","0")
})