根据教程,我已经用JQuery创建了一个简单的下拉菜单。链接:
它的jQuery代码是:
$('body').ready(function() {
// Add the 'hover' event listener to our drop down class
$('.dropdown').hover(function() {
// When the event is triggered, grab the current element '
所以我有一个动态站点,它有一个下拉菜单,只有当屏幕宽度低于768 of时才会出现。在这种情况下,使菜单向下滑动的按钮才会出现,而且菜单也是不可见的。然而,当我按下按钮,菜单关闭,然后我增加屏幕宽度,菜单保持可见。
下面是我用来在按下按钮时使菜单向下和向上滑动的jquery:
$(document).ready(function(){
var menu = $("#MobileMenuHolder")
$('#menu-trigger').click(function(){
if (menu.is(":visible"))
{
menu.sli