Template:Team:Trieste/menu

From 2012.igem.org

(Difference between revisions)
(remove css ref)
(add js code)
Line 8: Line 8:
                 <li class"has-sub"><a href="https://2012.igem.org/Team:Trieste/team">TEAM</a></li>
                 <li class"has-sub"><a href="https://2012.igem.org/Team:Trieste/team">TEAM</a></li>
                 <li class"has-sub"><a href="https://2012.igem.org/Team:Trieste/project">PROJECT</a>
                 <li class"has-sub"><a href="https://2012.igem.org/Team:Trieste/project">PROJECT</a>
-
    <ul id="sub_menu">
+
    <ul>
<li><a href="https://2012.igem.org/Team:Trieste/project">Abstract</a></li>
<li><a href="https://2012.igem.org/Team:Trieste/project">Abstract</a></li>
<li><a href="https://2012.igem.org/Team:Trieste/project/ach"> Achievements </a></li>
<li><a href="https://2012.igem.org/Team:Trieste/project/ach"> Achievements </a></li>
Line 26: Line 26:
    title = title_regexp.exec(location.href);
    title = title_regexp.exec(location.href);
    $('#navigation > li > a[href$=' + title + ']').parent().addClass('select');
    $('#navigation > li > a[href$=' + title + ']').parent().addClass('select');
 +
    /* js menu */
 +
    $('#navigation li').hover(
 +
function () {
 +
    //show its submenu
 +
    $('ul', this).stop().slideDown(100);
 +
 +
},
 +
function () {
 +
    //hide its submenu
 +
    $('ul', this).stop().slideUp(100);         
 +
}
 +
    );
});
});
    </script>
    </script>

Revision as of 15:44, 21 September 2012