$('.touch-menu a').click(function(){ if( $(this).next().is('ul') ){ if( $(this).next('ul').css('display') == 'none' ){ $(this).next('ul').slideDown(); $(this).find('i').attr("class","touch-arrow-up"); }else{ $(this).next('ul').slideUp(); $(this).next('ul').find('ul').slideUp(); $(this).find('i').attr("class","touch-arrow-down"); } } }); });
时间: 2024-01-25 10:03:08 浏览: 246
这是一段jQuery代码,它为移动端的网站添加了一个菜单的下拉效果。当用户点击菜单时,它会检查下一个元素是否是一个无序列表(ul标签),如果是,则检查它的显示状态。如果它当前是隐藏的,则使用slideDown()方法将其显示出来,并将箭头图标改为向上的箭头;否则,使用slideUp()方法将其隐藏,并将箭头图标改为向下的箭头。如果下一个元素不是ul标签,则不做任何操作。
阅读全文