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(); 
    }); 
});