jQuery Dropdown仅适用于手机

Question

目前，我的手机导航设置为创建下拉功能。你可以在这里看到一个工作示例（只拉你的浏览器小得看不见移动NAV）： http://goo.gl/TzPPd

的问题是，jQuery的下拉作用也被应用到非移动导航，这是造成一些的问题。我想jQuery的效果，在移动导航唯一的工作，这里是我目前使用的代码：

$(function() { 
    $('ul.menu > li > a').click(function(e) { 
    $('ul.sub-menu').slideUp('normal'); 
     if($(this).next('ul.sub-menu').is(':hidden') === true) {  
     $(this).next('ul.sub-menu').slideDown('normal'); 
     } 
    e.preventDefault(); 
    }); 
}); 

我想这一点，但没有运气：

$(function() { 
    $('#main-nav_responsive > ul.menu > li > a').click(function(e) { 
    $('#main-nav_responsive > ul.sub-menu').slideUp('normal'); 
     if($(this).next('#main-nav_responsive > ul.sub-menu').is(':hidden') === true) {  
     $(this).next('#main-nav_responsive > ul.sub-menu').slideDown('normal'); 
     } 
    e.preventDefault(); 
    }); 
}); 

任何人都知道如何使jQuery效果只适用于手机导航？

Answer 1

啊，说得太快。用此解决：

$(function() { 
    $('#main-nav_responsive ul.menu > li > a').click(function(e) { 
    $('#main-nav_responsive ul.sub-menu').slideUp('normal'); 
     if($(this).next('#main-nav_responsive ul.sub-menu').is(':hidden') === true) {  
     $(this).next('#main-nav_responsive ul.sub-menu').slideDown('normal'); 
     } 
    e.preventDefault(); 
    }); 
});